Ext.gridpanel 锁列与多表头合并

如果要实现EXT Gridpanel的锁列和多表头整合一起使用，有点难度！因为它们是两个不同的扩展组件。

目前我有一个做法，效果我已经上传。就是用两个GridPanel，数据共享一份，

一个把需要锁定的列显示（考虑锁定列数目少的情况），去掉边框frame:false，布局在左边

另一个把多表头的做法 ，可参考GroupHeaderPlugin.js组件。

 

因为需要两个Gridpanel选中同步，滚动条同步所以用到,其中grid和grid1分别代表不同的Gridpanel

 

grid.addListener("rowclick",function(_grid,_rowIndex,_evt){
                grid1.getSelectionModel().selectRow(_rowIndex);
            },this);
            grid1.addListener("rowclick",function(_grid,_rowIndex,_evt){
                grid.getSelectionModel().selectRow(_rowIndex);
            },this);
            grid.addListener("bodyscroll",function(scrollLeft,scrollTop){
                var c = grid1.getView().scroller.dom;
                    c.scrollTop =scrollTop;
                    c.scrollLeft =scrollLeft;
            },this);
            grid1.addListener("bodyscroll",function(scrollLeft,scrollTop){
                var c = grid.getView().scroller.dom;
                    c.scrollTop =scrollTop;
                    //c.scrollLeft =scrollLeft;
            },this);