主頁 > 知識庫 > flex實(shí)現(xiàn)DataGrid高亮顯示數(shù)據(jù)功能的解決方案

flex實(shí)現(xiàn)DataGrid高亮顯示數(shù)據(jù)功能的解決方案

熱門標(biāo)簽:南昌crm外呼系統(tǒng)如何 中山外呼系統(tǒng)中間件 天津企業(yè)外呼系統(tǒng)代理商 廣州ai外呼系統(tǒng)業(yè)務(wù) 車載電話機(jī)器人 什么行業(yè)需要電話機(jī)器人 外呼系統(tǒng)號碼顯示 無錫電銷外呼系統(tǒng)代理 地圖標(biāo)注多家店
flex要高亮數(shù)據(jù)一般可以使用選中效果或者設(shè)置背景,選中效果只能是高亮一條,多條高亮只能設(shè)置背景來達(dá)到效果。但是原生的DataGrid根本無法達(dá)到所要的效果,目前一般就是來改寫原生的DataGrid,只需重新寫一個(gè)類來重寫drawRowBackground方法就可以了,代碼如下
復(fù)制代碼 代碼如下:

package org.lxh 
{    
    import flash.display.Sprite; 
    import mx.controls.DataGrid; 
    public class SpecialDataGrid extends DataGrid 
    { 
        private var _rowColorFunction:Function;   //用于在外部能通過指定一個(gè)方法 去實(shí)現(xiàn)改變列的背景色 
        public function SpecialDataGrid() 
        { 
            super(); 
        } 
        public function set rowColorFunction(f:Function):void 
        { 
            this._rowColorFunction = f; 
        } 
        public function get rowColorFunction():Function 
        { 
            return this._rowColorFunction; 
        } 
        //復(fù)寫該方法 
        override protected function drawRowBackground(s:Sprite,rowIndex:int,y:Number, height:Number, color:uint, dataIndex:int):void 
        { 
            if( this.rowColorFunction != null ){ 
                if( dataIndex this.dataProvider.length ){ 
                    var item:Object = this.dataProvider.getItemAt(dataIndex); 
                    color = this.rowColorFunction.call(this, item, color); 
                } 
            }            
            super.drawRowBackground(s, rowIndex, y, height, color, dataIndex); 
        } 
    } 
}

用的時(shí)候先引入名稱空間 xmlns:control="org.lxh.*",把原來的DataGrid改成下面這樣
復(fù)制代碼 代碼如下:

control:SpecialDataGrid id="planDataGrid" width="100%"  height="100%"  alternatingItemColors="[0xe3eaf2,0xe8f1f8]" dataProvider="{strArray}" rowColorFunction="colorFunction" doubleClick="planDataGrid_doubleClickHandler(event)" doubleClickEnabled="true"> 
                        control:columns> 
                            mx:DataGridColumn dataField="選擇" width="50" sortable="false" resizable="false"  showDataTips="true"> 
                                mx:itemRenderer> 
                                    fx:Component> 
                                        mx:CheckBox change="outerDocument.checkChangeHandlerForPlan(event)"/> 
                                    /fx:Component> 
                                /mx:itemRenderer> 
                            /mx:DataGridColumn> 
                        mx:DataGridColumn dataField="id" headerText="主鍵" visible="false"/> 

                        /control:columns> 
                    /control:SpecialDataGrid>

rowColorFunction屬性用來設(shè)置高亮的效果,例如那一列需要高亮,對應(yīng)的function如下
復(fù)制代碼 代碼如下:

    private function colorFunction(item:Object, color:uint):uint 
    { 
                    var col:uint=0xe3eaf2; 
                    if(commonMsg.length > 0){ 
                        for(var i:int=0;icommonMsg.length;i++){ 
                            if(commonMsg.getItemAt(i).id==item.id){ 
                                col=0xF10026; 
                            } 
                        } 
                    } 
                    return col; 

    } 

到這里效果就做出來了

標(biāo)簽:仙桃 泰州 海西 滄州 呂梁 攀枝花 欽州 佛山

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《flex實(shí)現(xiàn)DataGrid高亮顯示數(shù)據(jù)功能的解決方案》,本文關(guān)鍵詞  flex,實(shí)現(xiàn),DataGrid,高亮,顯示,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《flex實(shí)現(xiàn)DataGrid高亮顯示數(shù)據(jù)功能的解決方案》相關(guān)的同類信息!
  • 本頁收集關(guān)于flex實(shí)現(xiàn)DataGrid高亮顯示數(shù)據(jù)功能的解決方案的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章