|
|
（1）有關(guān)ItemRenderer的類實(shí)現(xiàn)IDataRenderer和IDropInListItemRenderer接口。
很多flex control類都默認(rèn)實(shí)現(xiàn)了IDataRenderer接口，比如Button、Container、TextArea等等。很多flex control類也實(shí)現(xiàn)了IDropInListItemRenderer接口，但可惜Container沒(méi)有默認(rèn)實(shí)現(xiàn)。而我做的東西，需要繪圖，所以直接利用Canvas擴(kuò)展，就必須自己實(shí)現(xiàn)IDropInListItemRenderer接口，來(lái)獲取ListData對(duì)象。
復(fù)制代碼 代碼如下:
private var _listData:BaseListData;
// Make the listData property bindable.
[Bindable("dataChange")]
public function get listData():BaseListData
{
return _listData;
}
public function set listData(value:BaseListData):void
{
_listData = value;
}
private var _listData:BaseListData;
// Make the listData property bindable.
[Bindable("dataChange")]
public function get listData():BaseListData
{
return _listData;
}
public function set listData(value:BaseListData):void
{
_listData = value;
}
可惜俺剛開(kāi)始不知道之個(gè)，所以耗費(fèi)了很長(zhǎng)時(shí)間，花費(fèi)在尋找如何獲取當(dāng)前Column index問(wèn)題上。
這樣，我才可以在setData方法中，獲取到DataGridColumn對(duì)象，如下（我使用的是AdvancedDataGrid對(duì)象）：
復(fù)制代碼 代碼如下:
var dg:AdvancedDataGrid = this.owner as AdvancedDataGrid;
//listData就是實(shí)現(xiàn)IDropInListItemRenderer接口所可以獲取的
var gdgc:GanttAdvancedDataGridColumn =
dg.columns[listData.columnIndex] as GanttAdvancedDataGridColumn;
var dg:AdvancedDataGrid = this.owner as AdvancedDataGrid;
//listData就是實(shí)現(xiàn)IDropInListItemRenderer接口所可以獲取的
var gdgc:GanttAdvancedDataGridColumn =
dg.columns[listData.columnIndex] as GanttAdvancedDataGridColumn;
（2）擴(kuò)展DataGridColumn對(duì)象來(lái)增加屬性，傳遞參數(shù)。
有些屬性我需要?jiǎng)討B(tài)從外面?zhèn)鬟f進(jìn)來(lái)，但有不屬于list data數(shù)據(jù)的部分。而Grid Header需要利用這些數(shù)據(jù)做一些渲染操作。這時(shí)候就需要擴(kuò)展實(shí)現(xiàn)DataGridColumn對(duì)象，同時(shí)在HeaderRenderer對(duì)象中獲取此DataGridColumn對(duì)象來(lái)獲取參數(shù)。
如下是擴(kuò)展的一個(gè)AdvanceDataGridColumn使用，在這個(gè)擴(kuò)展中，增加了startDate和lastDate兩個(gè)屬性
復(fù)制代碼 代碼如下:
<gantt:GanttAdvancedDataGridColumn id="ganttColumn" headerText="Gantt" itemRenderer="{ganttItemEditor}" headerRenderer="{ganttHeaderEditor}" minWidth="400"/>
<gantt:GanttAdvancedDataGridColumn id="ganttColumn" headerText="Gantt" itemRenderer="{ganttItemEditor}" headerRenderer="{ganttHeaderEditor}" minWidth="400"/>
這樣，就可以在application初始化的時(shí)候，在外部對(duì)此Column進(jìn)行設(shè)置：
復(fù)制代碼 代碼如下:
ganttColumn.startDate = new Date(startTime);
ganttColumn.lastDate = new Date(lastTime);
ganttColumn.startDate = new Date(startTime);
ganttColumn.lastDate = new Date(lastTime);
在HeaderRenderer中，在setData方法中，可以獲取相應(yīng)的對(duì)象和參數(shù)
復(fù)制代碼 代碼如下:
override public function set data(value:Object):void{
super.data = value;
var advancedDataGridColumn:GanttAdvancedDataGridColumn
= value as GanttAdvancedDataGridColumn;
if(advancedDataGridColumn!=null){
if(advancedDataGridColumn.startDate!=null){
startDate = advancedDataGridColumn.startDate;
lastDate = advancedDataGridColumn.lastDate;
render();
}
}
}
override public function set data(value:Object):void{
super.data = value;
var advancedDataGridColumn:GanttAdvancedDataGridColumn
= value as GanttAdvancedDataGridColumn;
if(advancedDataGridColumn!=null){
if(advancedDataGridColumn.startDate!=null){
startDate = advancedDataGridColumn.startDate;
lastDate = advancedDataGridColumn.lastDate;
render();
}
}
}
（3）利用labelFunction進(jìn)行顯示數(shù)據(jù)格式化
比如我想對(duì)日期數(shù)據(jù)進(jìn)行格式化操作，如下所示：
復(fù)制代碼 代碼如下:
private function date_labelFunc(item:Object, column:AdvancedDataGridColumn):String {
var dateFormatter:DateFormatter = new DateFormatter();
dateFormatter.formatString = "YYYY-MM-DD HH:NN";
var td:Date = new Date( new Number(item[column.dataField]) );
return dateFormatter.format( td );
}
private function date_labelFunc(item:Object, column:AdvancedDataGridColumn):String {
var dateFormatter:DateFormatter = new DateFormatter();
dateFormatter.formatString = "YYYY-MM-DD HH:NN";
var td:Date = new Date( new Number(item[column.dataField]) );
return dateFormatter.format( td );
}
在mx的datagridcolumn中，就可以引用這個(gè)label function
復(fù)制代碼 代碼如下:
<mx:AdvancedDataGridColumn headerText="startTime" dataField="startTime" labelFunction="date_labelFunc" width="120"/>
<mx:AdvancedDataGridColumn headerText="startTime" dataField="startTime" labelFunction="date_labelFunc" width="120"/>
AspNet技術(shù)：使用DataGrid中擴(kuò)展ItemRenderer和HeaderRenderer進(jìn)行操作，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
