Ext gridPanel动态显示隐藏行

首先要解决的一个问题是如果判断数据已经加载完毕,最简单的方法是给grid的store添加onload事件。
如果你想有条件地改变某行的显示或隐藏,则还需要遍历gird的store,这里有个简单的方法即store的
each方法。看下面这个例子:

itemGrid.getStore().on('load',function(s,records){
    var gridCount=0;
        s.each(function(r){
       
         //动态显示隐藏行
        if(r.get('ptiId') == '05')
        itemGrid.getView().getRow(girdcount).style.display='none';
        //动态改变行的背景颜色
           if(r.get('ptiId')=='01')
                itemGrid.getView().getRow(girdcount).style.backgroundColor='#FFFF00';
           
            gridCount=gridCount+1;
        });

    });

//也可以通过下面的方法改变背景色
//grid中加入以下属性
viewConfig: {
            getRowClass: function(record, rowIndex, rowParams, store){
                //退费数据显示红色  
                    if (record.data.caiFlag == '0') {
                        return 'x-grid-record-red';
                    }
                    else {
                        return 'x-grid-record-common';
                    }
                   
                  
                } 
               
             }

你可能感兴趣的:(cache,ext)