编程 Javascript

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

Posted in Javascript onNovember 04, 2011

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

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery.pagination.js 无刷新分页实现步骤分享

May 23 Javascript

Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)

Jun 17 Javascript

Ajax请求在数据量大的时候出现超时的解决方法

Feb 27 Javascript

jquery+css实现绚丽的横向二级下拉菜单-附源码下载

Aug 23 Javascript

AngularJS 单元测试（一）详解

Sep 21 Javascript

前端js实现文件的断点续传后端PHP文件接收

Oct 14 Javascript

JavaScript中定义对象原型的两种使用方法

Dec 15 Javascript

详解使用Vue.Js结合Jquery Ajax加载数据的两种方式

Jan 10 Javascript

深入理解Javascript中的观察者模式

Feb 20 Javascript

angular.js指令中的controller、compile与link函数的不同之处

May 10 Javascript

vue多种弹框的弹出形式的示例代码

Sep 18 Javascript

修改layui的后台模板的左侧导航栏可以伸缩的方法

Sep 10 Javascript

在网站上应该用的30个jQuery插件整理

Nov 03 #Javascript

关于URL中的特殊符号使用介绍

Nov 03 #Javascript

javascript学习基础笔记之DOM对象操作

Nov 03 #Javascript

40款非常棒的jQuery 插件和制作教程（系列二）

Nov 02 #Javascript

遍历jquery对象的代码分享

Nov 02 #Javascript

jquery 笔记事件

Nov 02 #Javascript

分页栏的web标准实现

Nov 01 #Javascript