分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

jquery easyui里datagrid用法记录

发布时间:2023-09-06 01:12责任编辑:熊小新关键词:easyui

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]  。

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、

jquery easyui里datagrid用法记录

原文地址:http://www.cnblogs.com/goloving/p/7560171.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved