因项目需要,要实现给GridView以及Coolite Grid添加行(列)锁定,水平(垂直)滚动条.
摸爬滚打几日,把过程记录下,备忘.
1.给GridView添加列锁定以及滚动条
网上搜索大部分解决方案是用CSS,但CSS有跨浏览器的问题.
后来发现几篇文章
http://www.cnblogs.com/PLAYBOY840616/archive/2008/07/23/1249328.html
http://blog.darkthread.net/blogs/darkthreadtw/archive/2009/02/18/supertable-plugin-for-jquery.aspx
基本原理是使用GridView控件生成数据后,然后用Js控件渲染达到最终效果。
这个Js控件就是SuperTable
http://www.matts411.com/post/super_tables/
俺测试了下,几个主流浏览器效果都不错,不过在IE6下效率差强人意.Chrome下表现很好.
2.给Coolite添加列锁定以及滚动条
参考了http://www.cnblogs.com/zhujiechang/archive/2009/11/10/1599930.html
里面的Coolite版本是0.81,俺用0.82测试下,CDPFLibrary编译不能通过.
原因是有几个方法的作用域改成了internal,修改下Coolite0.82源代码重新编译即可.
ExtJs使用列锁定的例子网上很多了.