博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery easyui里datagrid用法记录
阅读量:6281 次
发布时间:2019-06-22

本文共 2744 字,大约阅读时间需要 9 分钟。

1、删除行方法(deleteRow

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

2、删除多行数据

var rows = $('#ruleManagementTable').datagrid("getSelections"); //获取你选择的所有行//循环所选的行for(var i =0,l=rows.length;i

注意:(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)给列设置固定列宽。

 

转载地址:http://opxva.baihongyu.com/

你可能感兴趣的文章
教程前言 - 回归宣言
查看>>
PHP 7.1是否支持操作符重载?
查看>>
Vue.js 中v-for和v-if一起使用,来判断select中的option为选中项
查看>>
Java中AES加密解密以及签名校验
查看>>
定义内部类 继承 AsyncTask 来实现异步网络请求
查看>>
VC中怎么读取.txt文件
查看>>
如何清理mac系统垃圾
查看>>
企业中最佳虚拟机软件应用程序—Parallels Deskto
查看>>
Nginx配置文件详细说明
查看>>
怎么用Navicat Premium图标编辑器创建表
查看>>
Spring配置文件(2)配置方式
查看>>
MariaDB/Mysql 批量插入 批量更新
查看>>
ItelliJ IDEA开发工具使用—创建一个web项目
查看>>
solr-4.10.4部署到tomcat6
查看>>
切片键(Shard Keys)
查看>>
淘宝API-类目
查看>>
virtualbox 笔记
查看>>
Git 常用命令
查看>>
驰骋工作流引擎三种项目集成开发模式
查看>>
SUSE11修改主机名方法
查看>>