Ext Grid 添加锁定列和合计功能

        我们知道Ext的表格功能是很强大的，但有时仍然满足不了我们的需求。比如有时我们需要将表格的列锁定，类似Excel冻结列的功能。再比如有时我们希望在表格底部显示一行合计。
        Ext的示例中带有这种锁定的扩展，如果只需要锁定列，依照这个示例就可以满足我们的要求。而且Ext的示例中也带有分组合计的功能，如果需要分组合计也正好可以满足。但是，这个分组合计的功能却不能进行整表的合计，而且分组的列必须包含在表格中，虽然可以被隐藏但分组前总是带有一个加号，用来展开和收起分组。显然这个用来做整表的合计是不合适的。并且这个分组合计插件与锁定列的扩展是不能同时使用的，由于他们都操作表格的view所以是冲突的。
       在网上看到一篇文章，有人做了一个表格合计的功能，但是不巧的是他把合计的行放在了表格的顶端，这不符合我们的习惯。而且他的这个扩展也是与锁定列插件冲突的。于是只好自己写一个。
       废话不多说了，先看一下效，然后上代码。

 

      JS代码放在附件中，包含4个文件，其中两个是演示代码。另外GridSummary.js是扩展的合计行插件，LockingGridView_fixed.js是为了解决锁定列功能与合计共同使用时产生的冲突问题的。
       锁定列与合计行功能可以分开使用也可以一起使用。使用锁定列功能时，表格必须使用锁定列专用的ColumnModel：Ext.ux.grid.LockingColumnModel ，并且要配合专用的view : new Ext.ux.grid.LockingGridView()。
       使用合计行功能只需要使用一个grid插件plugins : new Ext.ux.grid.GridSummary()。
       此功能是基于Ext3.3.1扩展的，用法就是这样的，具体的情况请看附件中的demo吧（放到Ext文件加内就可运行预览了）。估计还有很多人想要使用这样的功能，特此贡献出来，祝大家使用愉快。

        此文章由作者转发，要下载附件或与作者交流，请到原文地址：http://www.oecp.cn/hi/slx/blog/1168162，谢谢。