教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 给jqGrid数据行添加修改和删除操作链接(之一)

给jqGrid数据行添加修改和删除操作链接(之一)

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

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


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

您可能感兴趣的文章:
给jqGrid数据行添加修改和删除操作链接(之一)
一个关于jqGrid使用的小例子(行按钮)
jqgrid 简单学习笔记
JQGrid的用法解析(列编辑,添加行,删除行)
Delete与Remove删除Datatable行的区别
golang实现常用集合原理介绍
php 数据组增加,删除,查询,排序详细说明
PHP Redis相关操作大全
基于jquery的给文章加入关键字链接
Django中的ORM之删和改

[关闭]
~ ~