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';
                    }
                   
                  
                } 
               
             }

评论

2 楼 allan9958 2010-12-10  

刚好我在找,谢谢帮助.

不过我是这样的..
  s.each(function(r,idx){
     //idx==行号
  })

1 楼 zero1111 2010-05-09  

不是啊. ExtJs里Ext.data.Store提供了baseParams方法啊 这里baseParams有个callBack方法的.这个就是加载完数据调用的方法啊.
原注释如下:

    /**
     * Loads the Record cache from the configured Proxy using the configured Reader.
     * <p>If using remote paging, then the first load call must specify the <tt>start</tt>
     * and <tt>limit</tt> properties in the options.params property to establish the initial
     * position within the dataset, and the number of Records to cache on each read from the Proxy.</p>
     * <p><b>It is important to note that for remote data sources, loading is asynchronous,
     * and this call will return before the new data has been loaded. Perform any post-processing
     * in a callback function, or in a "load" event handler.</b></p>
     * @param {Object} options An object containing properties which control loading options:<ul>
     * <li><b>params</b> :Object<p class="sub-desc">An object containing properties to pass as HTTP parameters to a remote data source.</p></li>
     * <li><b>callback</b> : Function<p class="sub-desc">A function to be called after the Records have been loaded. The callback is