定義Flex DataGrid組件樣式外觀方法指導
在學習Flex的過程中，你可定會用到Flex DataGrid組件，這里和大家分享一下如何定義Flex DataGrid組件樣式外觀，在實際程序開發中，有時候需要對Flex DataGrid組件可視化的外觀進行修改，以滿足功能需要。
定義Flex DataGrid組件樣式外觀
在實際程序開發中，有時候需要對Flex DataGrid組件可視化的外觀進行修改，以滿足功能需要。例如，修改數據顯示格式、修改DataGrid的樣式和外觀、自定義單元格等。
修改數據顯示格式
當Flex DataGrid組件顯示出數據后，有些數據格式可能不是我們所需要的。這個時候，就要修改數據格式，把數據修改成有意義的，可以使讀者更容易讀懂的格式。比如貨幣格式前面要加美元符號或者人民幣符號，有時候從數據庫中讀出的是0或1的布爾值，再比如電話號碼等。
下面就以15.2.1節的實例為例，把Phone列修改成前面有區號的電話號碼，步驟如下。
◆修改GetData1函數，在綁定數據源的語句之后，增加格式化語句，增加的代碼如下所示：
- //格式化數據
- dg1.getColumnAt(1).labelFunction=phoneFormatter;
◆phoneFormatter是格式化數據的函數，把電話號碼前面加上區號“0755”，代碼如下所示：
- /*********************************
- *格式化電話號碼
- **/
- privatefunctionphoneFormatter(item:Object):String
- {
- return"0755-"+item.Phone;
- }
再次編譯代碼并運行。
自定義Flex DataGrid組件的標題
在顯示完Flex DataGrid組件的數據之后，有時候列的標題是數據庫中已經定義好的列名稱，對于用戶來說，不容易讀懂，需要重新定義，那就需要自定義Flex DataGrid組件的標題了。自定義標題要用到的類是HeaderRenderer，HeaderRenderer類在類dataGridClasses中。下面就利用HeaderRenderer類來實現自定義標題的功能。
還是以15.2.1節的實例為基礎，加一些代碼。在GetData1函數中加入如下代碼：
- //自定義標題
- vardgc0:DataGridColumn=dg1.getColumnAt(0);
- dgc0.headerText="姓名";
- vardgc1:DataGridColumn=dg1.getColumnAt(1);
- dgc1.headerText="電話";
- vardgc3:DataGridColumn=dg1.getColumnAt(3);
- dgc3.headerText="軟件名稱";
代碼的作用是把第一行的標題改成“姓名”，第二行的標題改為“電話”，第三行的標題改為“軟件名稱”。
【編輯推薦】
- 探秘Flex與JavaScript交互
- 常用FlexBuilder快捷鍵用法指導
- Flex框架Riawave的定制應用
- 技術前沿 Flex2.0 從零開始實現文件上傳
- FlexBuilder開發方法及特點解析
