JS快速表格封装完成,瞬间展示万条数据,散分。。。。
蓝色_冰点 2010-03-10 06:08:40 前段时间提出了一个在JS中快速展示数据的方式思路,原贴见网址:
http://topic.csdn.net/u/20100302/13/dc1c3e79-800f-4f56-94fc-20d844bfede1.html?30977
现在已经把它初步封装完成,代码较多,我就不发上来了,示例网址见下:
http://shice.heliohost.org/demotable.htm
文件主要由以下几个js构成:
1. Lib.js 这个是我自己写的一个小框架的核心文件,包含AJAX封装、JSON功能封装及其它的核心功能。经过近两年积累,也封装了不少的代码,都是以这个文件为核心。可以实现类似 C语言中的 include 功能和函数入口main()。
2. DataBinder.js 实现数据与模板的双向绑定功能,靠它来实现数据展现
3. BorderLayout.js 看名字应该猜出来了吧,实现布局功能,靠它来设置表格和滚动条的位置关系
4. Scrollbar.js 滚动条,相比上次代码有所改进,可为水平滚动条,也可为垂直滚动条
5. QTable.js 表格控件的具体封装,引用2、3、4这三个JS功能
因为其中前面4个JS,是我以前所积累下来的东西,直接使用就可以了,所以我就不把所有代码都写在QTable中了。在上一个贴中有人建议我封装成JQuery插件,因为我不用JQuery,所以就不写成JQuery插件了。很多人都会写自己封装的JS代码,包括我也有一套相对完整的东西了,包括树型控件、表格控件、选项卡控件、右键菜单等等,其中Lib.js就是我的这套框架的核心,所有那些东西都依赖于Lib.js
以上代码可以在http://shice.heliohost.org/demotable.htm中下载。这是我申请的免费空间