flex 动态添加行数据

 

 

<?xml version="1.0"?>

<mx:Application borderStyle="none" xmlns:mx="http://www.adobe.com/2006/mxml">
   <mx:Script>
   	<![CDATA[
   		import mx.controls.Button;
   		import mx.controls.TextInput;
   		import mx.controls.ComboBase;
   		import mx.containers.GridItem;
   		import mx.containers.GridRow;
   		
   		private var gridRow:GridRow;
   		private var i:int =0;
   		private var btn:Button;
   		public function addMore():void{
   			gridRow = new GridRow();
//   			gridRow.addEventListener(MouseEvent.CLICK,removeGridRow);
   			var item1:GridItem = new GridItem();
   			var combox1:ComboBox = new ComboBox();
   			item1.addChild(combox1);
   			var item2:GridItem = new GridItem();
   			var text:TextInput = new TextInput();
   			item2.addChild(text);
   			var item3:GridItem = new GridItem();
   			var text1:TextInput = new TextInput();
   			item3.addChild(text1);
   			var item4:GridItem = new GridItem();
   			var text2:TextInput = new TextInput();
   			item4.addChild(text2);
   			var item5:GridItem = new GridItem();
   			btn= new Button();
   			btn.addEventListener(MouseEvent.CLICK,removeGridRow);
   			btn.label='移除'+(++i);
   			item5.addChild(btn);
   			
   			gridRow.addChild(item1);
   			gridRow.addChild(item2);
   			gridRow.addChild(item3);
   			gridRow.addChild(item4);
   			gridRow.addChild(item5);
   			this.temp.addChild(gridRow);
   			
   		}
   		
   		public function removeGridRow(event:MouseEvent):void{
   			this.gridRow.removeEventListener(MouseEvent.CLICK,removeGridRow);
   			var row:GridRow = event.currentTarget.parent.parent as GridRow;
   			this.temp.removeChild(row);
   		}
   	]]>
   </mx:Script> 
    <mx:Panel title="Grid Container Example" height="75%" width="75%" 
        paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">

       

        <mx:Grid id="temp">
            <mx:GridRow>
                <mx:GridItem>
                    <mx:Text text="模版设置1" width="100"/>
                </mx:GridItem>
                <mx:GridItem>
                     <mx:Text text="模版设置2" width="100"/>
                </mx:GridItem>
                <mx:GridItem>
                     <mx:Text text="模版设置3" width="100"/>
                </mx:GridItem>
                 <mx:GridItem>
                     <mx:Text text="模版设置4" width="100"/>
                </mx:GridItem>
                 <mx:GridItem>
                     <mx:Text text="操作" width="100"/>
                </mx:GridItem>
            </mx:GridRow>

            <mx:GridRow>
                <mx:GridItem>
                   <mx:ComboBox id="a"/>
                </mx:GridItem>
                <mx:GridItem>
                   <mx:TextInput name="a"/>
                </mx:GridItem>
                <mx:GridItem>
                    <mx:TextInput name="a"/>
                </mx:GridItem>
                 <mx:GridItem>
                    <mx:TextInput name="a"/>
                </mx:GridItem>
                <mx:GridItem>
                	<mx:Button label="增加" click="addMore()"/>
                </mx:GridItem>
               
            </mx:GridRow>

        
        </mx:Grid>

    </mx:Panel>		
    
    <mx:Button label="add" click="addMore()"/>
</mx:Application>