flex DataGrid自定义 itemrenderer

DataGrid自定义 itemrenderer 步骤[]

1、创建一个自定义组件 mx:checkbox，并定义一个函数用于状态改变时，向外派发事件。

2、自定义控件中的函数用 this.parentapplication.dispatchevent(new 自定义的事件(data,chk.selected)

parentapplication. [指向应用程序的application]

3、自定义事件 cartEvent()

cartEvent:Event{

定义要让事件接收者要接收的变量var1，变量var2

function 构造函数(_data:object,_isvar2):void{

var1=_data;

var2=_isvar;

super("事件名") -------- 事件的名称

}

在其构造函数中，定义了参数，参数赋给事件的变量，当接收函数接收这个事件时就可以访问事件中定义的变量了

4、在主程序中的initApp()中监听事件

addEventListener("事件名",处理函数）

5、在处理函数中接收 evt中的变量并处理

evt.var1

另一种方法：

直接在DataGrid的列下定义

<mx:itemRenderer>

<mx:Component>

<mx:LinkButton 内部控件 click="outerDocument.buttonDel()">

//调用外部的函数，必须用 outerDocument

<<mx:Component>

</mx:itemRenderer>

示例：

// Define event listener for the itemEditEnd event.

private function getCellInfo(event:DataGridEvent):void {

// Get the cell editor and cast it to TextInput.

var myEditor:TextInput =

TextInput(event.currentTarget.itemEditorInstance);

// Get the new value from the editor.

var newVal:String = myEditor.text;

// Get the old value.

var oldVal:String =

event.currentTarget.editedItemRenderer.data[event.dataField];

// Write out the cell coordinates, new value,

// and old value to the TextArea control.

cellInfo.text = "cell edited./n";

cellInfo.text += "Row, column: " + event.rowIndex + ", " +

event.columnIndex + "/n";

cellInfo.text += "New value: " + newVal + "/n";

cellInfo.text += "Old value: " + oldVal;

}

7、DataGrid的选择项可由 selectitem.data 得到后面加上 selectedItem.data.字段名。可得到此字段的值

datagrid 的 dataprovider 可由xmllistcollection 得到

var data_xml:XMLListCollection=dg_szjz.dataProvider as XMLListCollection;

var data_array:Array=data_xml.toArray();

var data_myarray:ArrayCollection=new ArrayCollection(data_array)

DataGrid绑定 data_myarray 用这个

dg_datasource=DataUtil.xmltoarray(myxmla);

dg_szjz.dataProvider=dg_datasource.source[0].data;