1、删除行方法(deleteRow)

$('#ruleManagementTable').datagrid('deleteRow', 1);
//1代表选中的行索引

2、删除多行数据

var rows = $('#ruleManagementTable').datagrid("getSelections"); //获取你选择的所有行
//循环所选的行
for(var i =0,l=rows.length;i<l;i++){var index = $('#ruleManagementTable').datagrid('getRowIndex',rows[i]);//获取某行的行号$('#ruleManagementTable').datagrid('deleteRow',index); //通过行号移除该行}

注意:(1)var rows = $('#ruleManagementTable').datagrid("getSelections"); //获取你选择的所有行,返回的是一个数组,数组里面是各行对象

     (2)var index = $('#ruleManagementTable').datagrid('getRowIndex',rows[i]);//获取某行的行号,由于rows是一个数组,所以必须以rows[i]的形式,否则是获取不到行号的,获取不到就是 -1;如果row已经过滤了只有一个,那么就写成  rows[0]  。

var row = $('#dg').datagrid('getSelected');//获取当前行
var rows = $("#dg").datagrid("getRows");//获取所有行
ar rows = $('#dg'').datagrid('getRows');
for (var i = 0; i < rows.length; i++) { alert(rows[i]['SCORE']); //获取指定列
}//获取行中间的某列数据

3、插入行insertRow

// 在第二行的位置插入一个新行
//index:要插入的行索引,如果该索引值未定义,则追加新行。
//row:行数据。
$('#dg').datagrid('insertRow',{index: 1,  // 索引从0开始
    row: {name: '新名称',age: 30,note: '新消息'}
});

//新建规则库表
getDeskTopObj().$('#ruleManagementTable').datagrid('insertRow',{index:0,row: {softId : jsondata.softId,softName : jsondata.softName,genRightRule : jsondata.genRightRule,unGenRightRule : jsondata.unGenRightRule}
});

4、重新加载,并远程传入参数

$("#inside_tableElement").datagrid("load",{"genuineSerialNumberManagement.type":type,"genuineSerialNumberManagement.softDisplayName":softDisplayName
});

5、初始化的时候远程传入参数  queryParams

//正版序列号库列表
var type = $("input[name='serialNumber']:checked").val();
$("#inside_tableElement").datagrid({striped : true,collapsible : true,height:500,url : "${basePath}/genuineSerialNumberManagementAction_list.do", queryParams:{"genuineSerialNumberManagement.type":type},columns : [ [ {field : 'softDisplayName',title : '软件名',align : 'center',width : (datag_width * 0.44)}, {field : 'version',title : '版本号',align : 'center',width : (datag_width * 0.44)}, {field : 'serialNumber',title : '序列号',align : 'center',width : (datag_width * 0.44)}] ],fitColumns : true,rownumbers : true,pagination:true,pageSize: 20,pageList: [20, 50, 100],onSelectAll : function() {},onUnselectAll : function() {},onSelect : function() {},onUnselect : function(rowIndex, rowData) {}
});

6、修改更新数据updateRow

//修改规则库表
getDeskTopObj().$('#ruleManagementTable').datagrid('updateRow',{index: rowSelectIndex,//选中行索引
    row: {softId : jsondata.softId,softName : jsondata.softName,genRightRule : jsondata.genRightRule,unGenRightRule : jsondata.unGenRightRule}                     //数据行row的数据(需要一一对应好)
});

7、样式拖拽错乱问题:

  field处名字一致就会出现错乱问题,名字修改为不同即可。

8、表头列与内容列宽度不一致问题:

  datagrid表格宽度使用自适应大小的时候,有时候会出现表头列宽度和内容区列宽度不一致导致错乱问题

  解决方案:(1)fitColumns="false",(2)给列设置固定列宽。

转载于:https://www.cnblogs.com/goloving/p/7560171.html

jquery easyui里datagrid用法记录相关推荐

  1. 给Jquery easyui 的datagrid 每行增加操作链接(转载)

    转自:http://www.thinkphp.cn/code/207.html 通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的E ...

  2. 给Jquery easyui 的datagrid 每行增加操作链接(转)

    http://www.thinkphp.cn/code/207.html 通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的Easy ...

  3. JQuery EasyUI之DataGrid列名和数据列分别设置不同对齐方式(转)

    需求如下 现有数据列三列 Name,Age,CreateDate 数据 张三,18,2000-12-09 :12:34:56 李四,28,2000-12-09 :12:34:56 王麻子,38,200 ...

  4. 给Jquery easyui 的datagrid 每行添加操作链接

    背景 我们都知道Jquery的Easy-UI的datagrid能够加入而且自己定义Toolbar,这样我们选择一行然后选择toolbar的对应button就能够对这行的数据进行操作.但实际项目里我们可 ...

  5. JQuery EasyUI之DataGrid列名和数据列分别设置不同对齐方式

    我使用的Jquery Easyui  1.2.6 需求如下 现有数据列三列 Name,Age,CreateDate 数据 张三,18,2000-12-09 :12:34:56 李四,28,2000-1 ...

  6. jquery easyui的datagrid在初始化的时候会请求两次URL?

    为什么80%的码农都做不了架构师?>>>    html代码中利用class声明了datagrid,导致easyUI解析class代码的时候先解析class声明中的datagrid, ...

  7. jQuery EasyUI DataGrid Checkbox 数据设定与取值

    纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...

  8. jQuery EasyUI教程之datagrid应用-1

    一.利用jQuery EasyUI的DataGrid创建CRUD应用 对网页应用程序来说,正确采集和管理数据通常很有必要,DataGrid的CRUD功能允许我们创建页面来列表显示和编辑数据库记录.本教 ...

  9. oracle 时间小于,jquery easyui 对于开始时间小于结束时间的判断示例

    对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断 好吧!直接上代码 查看内容:按时间: 至 var varify;//用于查询验证,验证开始时间是否 ...

  10. eazyui ajax传值,jquery easyui ajax data属性传值方式

    $.ajax({ url:url, type:'post', data:data, dataType:'json', contentType: "application/x-www-form ...

最新文章

  1. 适配器模式理解和使用
  2. 微信小程序购物车 数量加减功能
  3. android findviewbyid定义成静态,findViewById 为null???
  4. 京东也不甘当当后!买书4折优惠!
  5. Codeforces 681C:Heap Operations
  6. Jenkins忘记密码的修复方法(Windows/Linux)
  7. 360 屏蔽ajax,怎么在easy ui做全局Ajax拦截啊?
  8. 商业计划书最好就是十页篇幅
  9. 小鹏汽车CEO疑似隔空回应偷窃技术传闻;​苹果明年新款iPhone将使用增强版5nm芯片;Windows诞生35周年|极客头条...
  10. Dj Swivel Knocktonal for Mac(音符共振增强器)
  11. PRD:腾讯会议APP产品需求文档
  12. ovm安装过程及中断处理
  13. 【C语言】二维数组定义以及引用
  14. CMD命令查看局域网内所有主机名及IP
  15. 浅析swift optional
  16. Font-AweSome在Vue中的使用
  17. 单相远程费控智能电表使用指南
  18. Greenplum学习实践-【安装部署】-2、 5.10集群部署
  19. FFmpeg转换格式与视频合并
  20. 5个网站让你成为主宰网络世界的神秘黑客

热门文章

  1. 【CoRL 2018】通过元策略优化的MBRL算法
  2. 经典机器学习系列(五)【决策树详解】
  3. 软件类配置(二)【Windows中安装python、pycharm、opencv、anaconda】
  4. ubuntu16.04安装PHP5.6和7.0
  5. 卸载列表信息——Uninstall注册表
  6. 手机客户端应用功能测试方法总结
  7. Spring中的Service/DAO/DTO
  8. 企业办公3D指纹考勤系统解决方案(一)
  9. HIVE存储(四)ORCFile
  10. 《转》常用的正则表达式