Как добавить элементы в datagrid во время выполнения в flex4?

Question

Форма UserInfromation содержит два поля ввода: имя пользователя, местоположение (город) и одну радиокнопку в качестве пола, а две кнопки добавляют и перезапускают. Когда я нажимаю кнопку добавления, данные будут добавляться в datagrid во время выполнения. Я не могу воспроизвести, как я это сделаю. Может ли кто-нибудь помочь мне в этом примере?

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> 

Пара вещей остается для вас в качестве упражнения :)