Flex2 發現之旅:動態建立DataGrid列
Flex2中,DataGrid如果我們沒有指定columns熟悉的話,DataGrid會自動根據dataProvider的各行資料的屬性名隱式自動地建立列,例如如下程式碼:
layout="vertical" creationComplete="loadDgView()">
layout="vertical" creationComplete="loadDgView()">
當我們選擇works時,DataGrid自動根據dataProvider:works陣列中的資料生成三列的DataGridColumn;而選擇departments時,又相應的變更為兩列,非常的方便。
DataGrid元件的這一功能是Flex1.5中所不具有的,是Flex2中的一大改進。
但是如果我們DataGrid的表頭與列明不一致的時候,或者我們並不需要顯示每行所有的資料,這時候DataGrid的隱式自動建立列的方法就不再適用了,這時候,我們就需要自己手動來建立列。
DataGrid使用columns屬性來標識列資訊,column屬性是一個mx.controls.gridclasses.DataGridColumn陣列,所以要動態建立表格列,只需要建立一個DataGridColumn陣列,然後將其賦值給DataGrid的columns屬性就可以了。前面示例的程式碼,我們改進如下:
檢視示例
紅色部分為增加的程式碼,相對之前的程式碼,我們增加了兩個陣列:worksColumns和departmentsColumns,分別存放相應資料的DataGridColumn屬性,然後在loadDgView函式中,根據相應的Column陣列建立相應的DataGridColumn陣列,最後將其賦值給view_db.columns。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/13270562/viewspace-200405/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- easyui datagrid 動態生成列UI
- easyui datagrid 生成動態列後 實現分頁UI
- jquery easyui datagrid 動態隱藏列jQueryUI
- 建立動態陣列陣列
- easyui datagrid動態設定行、列、單元格不允許編輯UI
- FineUIMvc隨筆(1)動態建立表格列UIMVC
- 手動實現ArrayList動態陣列陣列
- EasyUI - DataGrid 去右邊空白滾動條列UI
- 建立固定表頭、表格體滾動的DataGrid (轉)
- BCB中實現動態建立元件 (轉)元件
- EasyUI-DataGrid去右邊空白滾動條列UI
- C++動態建立二維陣列,二維陣列指標,以及動態二維陣列函式傳遞C++陣列指標函式
- 動手編寫—動態陣列(Java實現)陣列Java
- flex 多級視窗互調連線oracle動態管理生成動態datagridFlexOracle
- Asp.net開發之旅--動態產生控制元件ASP.NET控制元件
- 動態建立FragmentFragment
- 動態建立表格
- 利用Session紀錄datagrid模板列中CheckBox的狀態 (轉)Session
- C 語言實現使用動態陣列實現迴圈佇列陣列佇列
- RDLC 動態列
- 動態陣列陣列
- Silverlight中DataGrid控制元件動態生成列並結合DataPager進行分頁控制元件
- 動態建立 Web WorkerWeb
- 動態建立選單
- 建立動態內表
- javascript動態建立指定行與列table表格程式碼例項JavaScript
- C++中動態建立和刪除陣列(new 和delete)C++陣列delete
- 菜鳥學SSH(十八)——Hibernate動態模型+JRebel實現動態建立表模型
- Java陣列如何實現動態初始化Java陣列
- 動態行轉列
- C#動態建立介面的實現例項物件C#物件
- JavaScript 動態建立table表格JavaScript
- JavaScript動態建立table表格JavaScript
- 動態建立ImageView檢視View
- iOS建立動態庫工程iOS
- 小程式踩坑之旅–動態設定tabBartabBar
- 小程式踩坑之旅--動態設定tabBartabBar
- 使用動態SQL語句實現簡單的行列轉置(動態產生列)SQL