发布于 2017-07-09 10:13:36 | 140 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程，程序狗速度看过来！

jqGrid jQuery网格插件

jqGrid 是一个用来显示网格数据的jQuery插件，文档比较全面，附带中文版本。

---

我这里用的不是jqGrid的自带的编辑和删除操作，我已经把分页导航栏下的编辑，删除，搜索都取消掉了
我这里用的不是jqGrid的自带的编辑和删除操作，我已经把分页导航栏下的编辑，删除，搜索都取消掉了,就是这句$("#list1").navGrid("#pager1",{edit:false,del:false, search:false}), 然后在数据加载完成后，给每行添加了 修改和删除链接

jqGrid完成的事件是gridComplete:function(){}（可以理解为数据都准备好了）, 因为从数据库获取到的json数据没有带修改和删除两项,所以在之后的处理就是，在gridComplete事件中循环为每一行添加这两个链接，并且都给他们加上了onclick事件。先看截图：


修改的操作使用了jquery ui 的 dialog弹窗, 运行效果如下:(图上弹出的alert框是我点击确定按钮后弹出的，也就是说要修改数据，在这个确定按钮事件中进行）