如何在flex4中的运行时将项添加到数据网格?

时间:2011-07-20 07:17:36

标签: actionscript-3 flex flex4

我的UserInfromation表单包含两个输入字段username,location(city)和一个单选按钮作为性别,两个按钮添加和重置。当我点击添加按钮时,数据将在运行时添加到datagrid中。 我无法重现我将如何做到这一点。 有没有人可以用这个例子来帮助我?

1 个答案:

答案 0 :(得分:0)

以下是一个示例应用(带代码):

<?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>

作为一项练习,有几件事情留给你:)