jqGrid 3.7数据表格插件

jqGrid 的 3.7 版本是老牌数据表格插件中的“扛把子”,基于 jQuery,功能齐全又挺稳定,适合搞数据展示的你深入研究。尤其在需要做表格分页、行内编辑这些功能的时候,真的省心不少。嗯,虽然 UI 风格偏传统,但功能确实比较硬核。

数据加载、分页、筛选这些操作一应俱全,连JSONXMLCSV都能吃,适配能力还是蛮强的。像你后台数据表格的时候,用它就比较顺手,响应也快。

模板和样式也清晰,css/ui.jqgrid.css这个文件定义了视觉风格,不喜欢默认样式的话,你可以自己改,甚至结合Bootstrap搞一套自定义主题,效果还挺不错的。

源码结构比较合理,在src目录下像grid.base.jsgrid.columntype.js这些文件都是主力,看看源码也能学到不少交互逻辑,适合想搞懂原理的你。

扩展插件方面也蛮多,支持treegridform editinginline editing这些高级功能,尤其是弹窗编辑的场景,适合配合后台管理系统使用。

初始化也挺简单,先写个

标签,用$.jgrid.no_legacy_api配置下列模型、数据源这些,逻辑清晰,调试起来也不麻烦。

事件也有多钩子,比如loadCompletebeforeSelectRow这些都能插代码进去做定制,适合做一些复杂的交互,比如加载完数据之后自动滚到某一行。

如果你项目里表格行多,性能优化也不用太担心,支持懒加载分页虚拟滚动,体验还算流畅。加上国际化支持,多语言切换也就一句配置的事。

对了,和其他库集成也方便,jQuery UIBootstrap搭配使用没啥障碍,配个对话框、按钮啥的都挺顺。

如果你正在做后台系统或者数据报表类的项目,jqGrid 3.7还是值得一用的,尤其适合那些不想引入太多新库的老项目里继续发光发热。

zip 文件大小:308.65KB