Datagrid中添加自定义组件和事件相应

更具实际应用的需要，常在Datagrid中添加一些组件。比如：按钮，复选框等。同时还要响应组件的事件。

我们以添加按钮为例。来说明一下。

事例代码如下：

<mx:DataGrid x="70" y="190" dataProvider="{arr}" id="dg" doubleClickEnabled="true" itemDoubleClick="showDetail()"> 
		<mx:columns>
			<mx:DataGridColumn headerText="名称" dataField="name"/> 
			<mx:DataGridColumn headerText="类型" dataField="type"/> 
			<mx:DataGridColumn headerText="内容" dataField="content" /> 
			<mx:DataGridColumn headerText="操作" width="70" resizable="false"> 
			<mx:itemRenderer>			
			<mx:Component> 
			<mx:Button fontSize="14" label="点击" click="parentDocument.openEditWindow()"> 			
			</mx:Button> 
			</mx:Component> 				
			</mx:DataGridColumn>		
		</mx:columns>		
	</mx:DataGrid>

添加组件 

 

其中，通过在DataGridColumn列中添加一个<mx:itemRenderer> 然后来添加不同组件。

 

 

事件响应

定义在itemRenderer里面的内容跟外面的内容理论上不是存在同一个Document里面的，如果说你使用<mx:Component>这种方式来添加itemRenderer的话，使用parentDocument就能指向他外部的主文件，如果说使用单独的mxml文件来处理itemRenderer的话，就需要使用outerDocument 来引用了。当然你也可以在itemRenderer里面添加actionScript也是可以的。