jquery easyui里datagrid用法记录
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用法记录相关推荐
- 给Jquery easyui 的datagrid 每行增加操作链接(转载)
转自:http://www.thinkphp.cn/code/207.html 通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的E ...
- 给Jquery easyui 的datagrid 每行增加操作链接(转)
http://www.thinkphp.cn/code/207.html 通过formatter方法给Jquery easyui 的datagrid 每行增加操作链接 我们都知道Jquery的Easy ...
- JQuery EasyUI之DataGrid列名和数据列分别设置不同对齐方式(转)
需求如下 现有数据列三列 Name,Age,CreateDate 数据 张三,18,2000-12-09 :12:34:56 李四,28,2000-12-09 :12:34:56 王麻子,38,200 ...
- 给Jquery easyui 的datagrid 每行添加操作链接
背景 我们都知道Jquery的Easy-UI的datagrid能够加入而且自己定义Toolbar,这样我们选择一行然后选择toolbar的对应button就能够对这行的数据进行操作.但实际项目里我们可 ...
- JQuery EasyUI之DataGrid列名和数据列分别设置不同对齐方式
我使用的Jquery Easyui 1.2.6 需求如下 现有数据列三列 Name,Age,CreateDate 数据 张三,18,2000-12-09 :12:34:56 李四,28,2000-1 ...
- jquery easyui的datagrid在初始化的时候会请求两次URL?
为什么80%的码农都做不了架构师?>>> html代码中利用class声明了datagrid,导致easyUI解析class代码的时候先解析class声明中的datagrid, ...
- jQuery EasyUI DataGrid Checkbox 数据设定与取值
纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...
- jQuery EasyUI教程之datagrid应用-1
一.利用jQuery EasyUI的DataGrid创建CRUD应用 对网页应用程序来说,正确采集和管理数据通常很有必要,DataGrid的CRUD功能允许我们创建页面来列表显示和编辑数据库记录.本教 ...
- oracle 时间小于,jquery easyui 对于开始时间小于结束时间的判断示例
对于开始时间小于结束时间的判断可以参考,jquery easyui里的ValidateBox进行判断 好吧!直接上代码 查看内容:按时间: 至 var varify;//用于查询验证,验证开始时间是否 ...
- eazyui ajax传值,jquery easyui ajax data属性传值方式
$.ajax({ url:url, type:'post', data:data, dataType:'json', contentType: "application/x-www-form ...
最新文章
- 适配器模式理解和使用
- 微信小程序购物车 数量加减功能
- android findviewbyid定义成静态,findViewById 为null???
- 京东也不甘当当后!买书4折优惠!
- Codeforces 681C:Heap Operations
- Jenkins忘记密码的修复方法(Windows/Linux)
- 360 屏蔽ajax,怎么在easy ui做全局Ajax拦截啊?
- 商业计划书最好就是十页篇幅
- 小鹏汽车CEO疑似隔空回应偷窃技术传闻;​苹果明年新款iPhone将使用增强版5nm芯片;Windows诞生35周年|极客头条...
- Dj Swivel Knocktonal for Mac(音符共振增强器)
- PRD:腾讯会议APP产品需求文档
- ovm安装过程及中断处理
- 【C语言】二维数组定义以及引用
- CMD命令查看局域网内所有主机名及IP
- 浅析swift optional
- Font-AweSome在Vue中的使用
- 单相远程费控智能电表使用指南
- Greenplum学习实践-【安装部署】-2、 5.10集群部署
- FFmpeg转换格式与视频合并
- 5个网站让你成为主宰网络世界的神秘黑客