WEB开发网
开发学院网页设计JavaScript 基于jQuery的GridView-Flexigrid(2)-扩展和修复 阅读

基于jQuery的GridView-Flexigrid(2)-扩展和修复

 2009-11-14 00:00:00 来源:WEB开发网   
核心提示: 所以调整为添加行列统一将生成的html push到数组一次性付给tbody,同时在生成单元格html时处理process事件(不要再次查找和循环,基于jQuery的GridView-Flexigrid(2)-扩展和修复(4),避免多次重绘dom)第十二项:添加extParam参数可将外部参数动态

所以调整为添加行列统一将生成的html push到数组一次性付给tbody,同时在生成单元格html时处理process事件(不要再次查找和循环,避免多次重绘dom)

第十二项:添加extParam参数可将外部参数动态注册到grid,实现如查询等操作

因为涉及到的修改较多,且多为跳跃式的(不连在一起),所以本文少贴代码了,大家可以自行从下载的代码中发现。如有疑问可留言或者EMAIl我(Xuanye.wan[at]gmail.com)

说了那么多,到底情况如何呢?眼见为实,看了我为大家准备的Demo吧

为了让大家有个直观的比较,我给原版的Flexigrid也写了个Demo,另外加上了一个跟踪(记录从Ajax请求完成,到Dom创建,事件附加所需的事件,只记录客户端时间),按在页面上F2可查看。

http://jscs.cloudapp.net/ControlsSample/OldGrid

下图是我的电脑访问时,IE6,IE7,IE8 的加载时间。

顺便说下,我的机器还可以的缘故差距可能不明显,但是当客户机配置较差时,2秒和半秒的效果就很明显

IE6 936毫秒

基于jQuery的GridView-Flexigrid(2)-扩展和修复

图片看不清楚?请点击这里查看原图(大图)。

IE7 905毫秒(比IE6好不了多少哦)

基于jQuery的GridView-Flexigrid(2)-扩展和修复

编缉推荐阅读以下文章

  • 基于jQuery的GridView-FlexiGrid的使用和改造(1)--如何使用,完全参数说明

上一页  1 2 3 4 5 6  下一页

Tags:基于 jQuery GridView

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接