• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >jquery > 给jqGrid数据行添加修改和删除操作链接(之一)

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

作者: 字体:[增加 减小] 来源:互联网

通过本文主要向大家介绍了jqGrid,添加修改,删除操作等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
我这里用的不是jqGrid的自带的编辑和删除操作,我已经把分页导航栏下的编辑,删除,搜索都取消掉了,就是这句$("#list1").navGrid("#pager1",{edit:false,del:false, search:false}), 然后在数据加载完成后,给每行添加了 修改和删除链接

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


修改的操作使用了jquery ui 的 dialog弹窗, 运行效果如下:(图上弹出的alert框是我点击确定按钮后弹出的,也就是说要修改数据,在这个确定按钮事件中进行)
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • jQuery插件jqGrid动态获取列和列字段的方法
  • jqGrid翻页时数据选中丢失问题的解决办法
  • 获取jqGrid中选择的行的数据
  • jQGrid动态填充select下拉框的选项值(动态填充)
  • jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
  • jqGrid用法汇总(全经典)
  • jqGrid 学习笔记整理——进阶篇(一 )
  • jqGrid中文文档之选项设置
  • 基于PHP和Mysql相结合使用jqGrid读取数据并显示
  • Jqgrid之强大的表格插件应用

相关文章

  • jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
  • JQuery插件开发示例代码
  • jQuery实现的网页换肤效果示例
  • jQuery+HTML5加入购物车代码分享
  • 使用jQuery操作HTML的table表格的实例解析
  • jQuery图片的展开和收缩实现代码
  • 原来Jquery.load的方法可以一直load下去
  • jQuery 3.0中存在问题及解决办法
  • jQuery中 bind的用法简单介绍
  • 提取jquery的ready()方法单独使用示例

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • ExtJs动态生成treepanel的Json格式
    • 基于jQuery实现的双11天猫拆红包抽奖效果
    • jquery打开直接跳到网页最下面、最低端实现代码
    • jQuery右键菜单contextMenu使用实例
    • jQuery实现点击关注和取消功能
    • 关于jquery中动态增加select,事件无效的快速解决方法
    • JQuery伸缩导航练习示例
    • jQuery height()、innerHeight()、outerHeight()函数的区别详解
    • jQuery Validation实例代码 让验证变得如此容易
    • jquery遍历checkbox的注意事项说明

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有