手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >给jqGrid数据行添加修改和删除操作链接(之一)
给jqGrid数据行添加修改和删除操作链接(之一)
摘要:我这里用的不是jqGrid的自带的编辑和删除操作,我已经把分页导航栏下的编辑,删除,搜索都取消掉了,就是这句$("#list1").navG...

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

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

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

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

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

【给jqGrid数据行添加修改和删除操作链接(之一)】相关文章:

JavaScript数据结构与算法之链表

浅谈javascript事件取消和阻止冒泡

javascript实现炫酷的拖动分页

jquery中添加属性和删除属性

javascript动态创建链接的方法

JavaScript判断图片是否已经加载完毕的方法汇总

原生JS和JQuery动态添加、删除表格行的方法

深入浅析JavaScript面向对象和原型函数

js实现异步循环实现代码

jquery判断至少有一个checkbox被选中的方法

精品推荐
分类导航