Jquery1.3.2+Jquery ui 1.7.1 grid 实现

自己针对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及实现效果图.
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值