如何在 Flex4 运行时将项目添加到数据网格？

Question

我的 UserInfromation 表单包含两个输入字段用户名、位置（城市）和一个作为性别的单选按钮以及两个添加和重置按钮。当我单击添加按钮时，数据将在运行时添加到数据网格中。 我无法重现我将如何做到这一点。 谁能帮我举个例子吗？

Answer 1

这是一个示例应用程序（带有代码）：

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:layout>
        <s:VerticalLayout/>
    </s:layout>

    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;

            private var ac:ArrayCollection = new ArrayCollection();

            protected function addBtn_clickHandler(event:MouseEvent):void
            {
                var obj:Object = new Object();
                obj.userName = userNameTI.text;
                obj.location = locationTI.text;
                ac.addItem(obj);
            }
        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>
    <mx:Form width="100%">
        <mx:FormItem label="UserName:">
            <s:TextInput id="userNameTI"/>
        </mx:FormItem>
        <mx:FormItem label="Location:">
            <s:TextInput id="locationTI"/>
        </mx:FormItem>
    </mx:Form>
    <s:Button id="addBtn" label="Add" click="addBtn_clickHandler(event)"/>
    <mx:DataGrid id="dg" width="100%" dataProvider="{ac}"/>
</s:WindowedApplication>

有几件事留给您作为练习:)