自己针对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及实现效果图.
设计内容:
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及实现效果图.