1. <script type="text/javascript">
  2. $(function () {
  3. $('#tt').datagrid({
  4. iconCls: 'icon-edit',
  5. method: 'post',
  6. pagination: true,
  7. rownumbers: true,
  8. pageSize: 10,
  9. pageList: [5, 10, 15, 20],
  10. singleSelect: true,
  11. idField: 'HHID',
  12. url: '/admin/admin/JsonBianming',
  13. columns: [[
  14. { field: 'HHID', title: '编号', width: 100 },
  15. { field: 'HHTitle', title: '标题', width: 100 },
  16. { field: 'HHUrl', title: 'Url', width: 300,editor:{
  17. type:'validatebox',
  18. options:{
  19. validType: 'url'
  20. }
  21. } },
  22.  
  23. {
  24. field: 'action', title: '操作', width: 70, align: 'center',
  25. formatter: function (value, row, index) {
  26. if (row.editing) {
  27. var s = '<a href="javascript:void(0)" onclick="saverow(' + index + ')">保存</a> ';
  28. var c = '<a href="javascript:void(0)" onclick="cancelrow(' + index + ')">取消</a>';
  29. return s + c;
  30. } else {
  31. var e = '<a href="javascript:void(0)" onclick="editrow(' + index + ')">编辑</a> ';
  32. var d = '<a href="javascript:void(0)" onclick="deleterow(' + index + ')">删除</a>';
  33. return e + d;
  34. }
  35. }
  36. },
  37. ]],
  38. onBeforeEdit: function (index, row) {
  39. row.editing = true;
  40. $('#tt').datagrid('refreshRow', index);
  41. },
  42. onAfterEdit: function (index, row) {
  43. row.editing = false;
  44. $('#tt').datagrid('refreshRow', index);
  45. },
  46. onCancelEdit: function (index, row) {
  47. row.editing = false;
  48. $('#tt').datagrid('refreshRow', index);
  49. }
  50. });
  51. })
  52. //修改
  53. function editrow(index) {
  54. $('#tt').datagrid('beginEdit', index);
  55. }
  56. //删除
  57. function deleterow(index) {
  58. $.messager.confirm('Confirm', '确定要删除这条吗?', function (r) {
  59. if (r) {
  60. $('#tt').datagrid('deleteRow', index);
  61. }
  62. });
  63. }
  64. //保存
  65. function saverow(index_) {
  66. $('#tt').datagrid('endEdit', index_);
  67. //取修改过的行集合
  68. var rows = $('#tt').datagrid('getChanges');
  69. //alert(rows[0].HHUrl); //rows[0].HHUrl 取修改后内容
    }
  70. //取消修改
  71. function cancelrow(index) {
  72. $('#tt').datagrid('cancelEdit', index);
  73. }
  74. </script>
  1. <table id="tt"></table>

EasyUI Datagrid 取编辑修改后的内容的更多相关文章

  1. easyui datagrid 批量编辑和提交数据

    easyui datagrid 行编辑和提交方,废话就不多说了,直接上代码 <div style="margin: 5px;"> <table id=" ...

  2. easyui datagrid 每条数据后添加操作按钮

    easyui datagrid 每条数据后添加“编辑.查看.删除”按钮 1.给datagrid添加操作字段:字段值 <table class="easyui-datagrid" ...

  3. ListView与.FindControl()方法的简单练习 #2 -- ItemUpdting事件中抓取「修改后」的值

    原文出處  http://www.dotblogs.com.tw/mis2000lab/archive/2013/06/24/listview_itemupdating_findcontrol_201 ...

  4. EasyUI Datagrid 鼠标悬停显示单元格内容 复制代码

    EasyUI Datagrid 鼠标悬停显示单元格内容 ,halign:, align: 0 « 上一篇:LINQ to Entities 中的查询» 下一篇:去掉字符串中的非数字字符 posted ...

  5. easyui datagrid可编辑表格使用经验分享

    文章目录 1相关接口方法 2列属性formatter 3编辑器类型 3.1基于my97的编辑器 3.2简单的密码编辑器 3.3动态增加/删除编辑器 4字段的级联操作 4.1combobox的级联操作 ...

  6. easyUi datagrid鼠标经过提示单元格内容

    此文章是基于 EasyUI+Knockout实现经典表单的查看.编辑 一. jquery.cellTip.js /** * 扩展两个方法 */ using('datagrid', function() ...

  7. 关于EasyUI DataGrid行编辑时嵌入时间控件

    本人做一个名为“安徽中控”项目时,为快速开发基础数据增删改模块,遂采用EasyUIDatagrid将所有增删改查的操作都集中于表格中,并且所有增删改查操作都集中于泛型对象,从而不必为每个表写具体的增删 ...

  8. git创建/合并分支/删除分支/将修改后的内容同步到GitHub远程仓库

    1.创建分支并切换到刚创建的分支(这里创建新的分支来修改README.md的内容然后将创建的分支与master分支合并,最后删除创建的分支) $ git checkout -b 分支名 Switche ...

  9. EasyUI DataGrid能编辑

    创建DataGrid <table id="tt"></table> $('#tt').datagrid({     title:'Editable Dat ...

随机推荐

  1. Lombok(1.14.8) - @Synchronized

    @Synchronized @Synchronized,实现同步. package com.huey.lombok; import java.util.Date; import lombok.Sync ...

  2. ASP.NET播客(留言时间,投票IP,留言限字数,上传视频)

    留言发布时间功能: 界面: 前台代码: 在Datalist控件中: 在<%#getIsDate(Convert.ToString(Eval("issuanceDate"))) ...

  3. Red Hat Enterprise Linux 5安装序列号

    为了保证安装的组件和订阅相匹配,红帽企业 Linux 5 需要输入一个安装号.它被用来配置安装程序来提供正确的软件包.安装号码包含在你的订阅里. 如果您没有输入安装号码,只有核心服务器或 Deskto ...

  4. 省市数据递归加载到TreeView

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; usin ...

  5. (二)Qt界面设计之菜单栏

    1.添加菜单项 直接输入菜单项名称,然后回车即可. 2.为菜单项设置图标 在动作编辑器上,右键选择编辑,然后添加图标 如果想在图标栏添加该菜单的快捷图标,直接将该动作项拖放只图标栏即可. 3.事件响应 ...

  6. oracle11g 创建用户并授权

    Oracle创建用户并给用户授权查询指定表或视图的权限用sys账户登录数据库进行如下操作: CREATE USER NORTHBOUND IDENTIFIED BY NORTHBOUND DEFAUL ...

  7. javascript笔记——jsonp

    上篇博客介绍了同源策略和跨域访问概念,其中提到跨域常用的基本方式:JSONP和CORS.   那这篇博客就介绍JSONP方式.   JSONP原理   在同源策略下,在某个服务器下的页面是无法获取到该 ...

  8. css 等高补偿法

    html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta ...

  9. 关于内存的5个函数(malloc,VirtualAlloc,GlobalAlloc,LocalAlloc,HeapAlloc)

    VirtualAlloc 该函数的功能是在调用进程的虚地址空间,预定或者提交一部分页,如果用于内存分配的话,并且分配类型未指定MEM_RESET,则系统将自动设置为0 一次分配 1PAGE 以上的 R ...

  10. TweenMax动画库学习(四)

    目录            TweenMax动画库学习(一)            TweenMax动画库学习(二)            TweenMax动画库学习(三)            Tw ...