如果要实现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);