Jquery1.3.2+Jquery ui 1.7.1 grid 实现

1314520ln

自己针对jquery的grid作了个封装.

设计内容:
1.工具条封装
ui.tool.js

2.列表封装
ui.grid.js

3.分页封装
ui.page.js

4.表单封装
ui.form.js

html页面
针对工具条
<div id="tool"/>

针对列表
<div id="grid">
<thead>列表头(可有复杂列表头)</thead>
<tbody>列表主体</tbody>
</div>

针对翻页
<div id="page"/>

针对表单
<div id="form"/>
利用jquery的dialog实现.


以上的作法,目的只有一个,就是把列表作成可插拔的形式.
当我不需要某个功能时,我就可以把相应的ui.js和<div>去掉.
而不会影响其它的模块的实现.使用起来非常的方便.
维护也很顺手,模块作了一一封装,修改起来也更有针对性.


以上就是个人实现jquery grid的方法.如有不足,希望大家多提意见.
在此谢谢了~

随后会附上demo及实现效果图.