jqGrid
Marttin2
Be-Happy!
Be-Healthy!
Be-Strong!
展开
-
对于jqgrid列表数据的追加,数据量大时,渲染慢的方式处理
function listselectCallback(id, action, index, layero, selectData){ //可以这样: let keys = Object.keys(selectData); // 对于jqgrid列表数据的追加,数据量大时,渲染慢的方式处理 let data = []; for (let i = 0; i < keys.length; i++) { data.push({ 'status': 0, ..原创 2020-07-06 12:32:00 · 1438 阅读 · 0 评论 -
js端,汇总行的数据求和
//隐藏掉code列 hideHeaderCol(); //存放需要计算合计的汇总行集合 var area = []; $("#yourMind").find("tbody tr").each(function (i) { var _tr = $(this); //通过指定标识,查找需要求和的汇总列数据 if (_tr.childre...原创 2020-06-26 16:55:03 · 639 阅读 · 0 评论 -
jqGrid listselect回调函数,列表添加数据
function listselectCallback(id, action, index, layero, selectData){ if (id == 'materialSelect' && action == 'ok') { var yourGrid=$("#yourGrid"); var rowIDs=materiallist.jqGrid("getDataIDs"); var rowDataTest=[]; .原创 2020-06-16 12:23:20 · 631 阅读 · 0 评论 -
jqGrid 遍历tr,排除第一行
$("#yourDataGrid").find("tbody tr").not(".jqgfirstrow").each(function (i) { });原创 2020-03-28 15:48:45 · 638 阅读 · 0 评论 -
jqGrid 隐藏列
$("#yourDataGrid").setGridParam().hideCol("actions").trigger("reloadGrid");原创 2020-03-14 15:56:34 · 507 阅读 · 0 评论 -
jqGrid saveRow()方法后,获取行数据
var dataGrid = $("#yourDataGrid").saveRow();var rowDataProject = $('#yourDataGrid').jqGrid('getGridParam', 'data');rowDataProject.forEach(item=>{ if(item.id){ _totalMoney+=Number(item.i...原创 2020-02-28 22:02:34 · 1235 阅读 · 0 评论 -
jqGrid 行数据的点击事件
$("#yourDataGrid").on("click", 'tr[role="row"]', function() { debugger; });原创 2020-01-04 15:55:59 · 3784 阅读 · 0 评论 -
jqGrid 遍历可见tr
//grid遍历可见tr $("#yourGrid").find("tr:visible").each(function (j) { var _this = $(this); var xxxValue = _this.find('input[name="beanName"]').val() ...原创 2019-12-07 08:52:23 · 274 阅读 · 0 评论 -
通过getRowData方式获得数据,可编辑状态列,如何获取数据
//通过getRowData方式获得数据,可编辑状态列,如何获取数据var data = $('#yourDataGridDataGrid').jqGrid('getRowData')//可编辑行,效果是这样//通过,$("#" + rowid + "_xMoney").val(),拿到input中的数据!xMoney: "<input type="text" maxlength=...原创 2019-11-28 20:23:25 · 2061 阅读 · 0 评论 -
jqGrid中,列表数据的字段求和
var _xxx=0; $("#yourGrid").find("input[name='xxx']").each(function(j,item){ if (item.value && $("#"+item.id.split("_")[0]+"_status").val() != Global.STATUS_DELETE){ _xxx +=item.value; ...原创 2019-11-27 19:46:11 · 965 阅读 · 0 评论 -
获取grid中数据
//获取当前页条数 var rowNum = $("#yourGrid").jqGrid('getGridParam', 'rowNum');//获取总数 (包含未显示的数据)var total = $("#yourGrid").jqGrid('getGridParam', 'records');//把grid重新加载成全部数据$("#yourGrid").jqGrid('set...原创 2019-11-23 19:19:01 · 878 阅读 · 0 评论 -
jqGrid 重置列表中的下拉选
$("#id").change(function(){ var list; $.ajax({ type: "GET", url: "${ctx}/xxx/yyy/getxxx?id="+this.value, dataType: "json", success: function (json) { list = json; //项目信息的xxx下...原创 2019-11-23 19:16:07 · 163 阅读 · 0 评论 -
jqGrid checkbox选中,翻页后选中状态不丢失,仍保持选中状态
//被选中数据的几个字段 var checkedArray2=[]; //被选中数据 var checkedDataDetail=[]; //当前页数 var pageNum=1; ajaxSuccess: function (data) { pageNum=data.pageNo; //设置数组中的数据为选中态 ...原创 2019-11-23 19:07:50 · 833 阅读 · 0 评论 -
jqGrid封装数据,通过Ajax提交方式保存
//封装数据,jqGrid通过Ajax提交数据 $("#yourForm").click(function(){ var idsArr = $('#yourDataGridDataGrid').dataGrid('getDataIDs'); var data={}; //基本字段 data['id'] = $("#id").val(); data['xMoney'] =...原创 2019-11-10 16:52:49 · 350 阅读 · 0 评论 -
jqgrid Ajax请求,刷新列表数据
//gride形式 var $yourDataGrid = $("#yourDataGrid").dataGrid({ data: ${toJson(entity.resultList)}, url:"${ctx}/xxx/yyy/getYourList", // 设置本地数据 datatype: "local", columnModel: [ {header:'状态', ...原创 2019-11-10 16:45:20 · 826 阅读 · 0 评论 -
jqGrid onSelectRow、onSelectAll、beforeSelectRow的使用
multiselect: true, onSelectRow: function (rowId, status, e) { var ids=$('#yourDataGrid').jqGrid('getGridParam','selarrrow'); if(ids.length>0){ $("#infoIds").val(JSON.st...原创 2019-09-24 19:39:11 · 3855 阅读 · 0 评论 -
jqGrid 通过点击当前input框,获取tr下的指定列并求和
editoptions: {'class': 'form-control number','onblur':"getWhatYouWant(this.id)"} //通过点击当前input框,获取tr下的指定列并求和 function getWhatYouWant(t){ //获取所在行tr的id var trId = $("#"+t).closest...原创 2019-08-22 16:42:56 · 329 阅读 · 0 评论 -
jqGrid footer求和/平均值 当gridComplete时候
//显示行号 //底部统计列 //纵向列数据求和 showRownum: true, showFooter: true, // 加载成功后执行事件 ajaxSuccess: function(data){ }, gridComplete:function(){ ...原创 2019-07-29 16:21:50 · 690 阅读 · 0 评论 -
jqgrid checkbox的点击选择事件
//jqgrid checkbox的点击选择事件 multiselect: true, //点击行,进行单选 //要求:editable:false onSelectRow: function (rowId, status, e) { var ids=$('#yourDataGrid').jqGrid('getGridParam','s...原创 2019-07-06 09:58:24 · 4718 阅读 · 0 评论 -
jqgrid 列表数据批量删除
function deleteAll() { //所选数据id的数组 let ids = $('#dataGrid').dataGrid('getSelectRows'); if (ids.length == 0) { js.alert('请选中一条记录!',{icon: 2}); return false;...原创 2019-07-06 09:11:43 · 914 阅读 · 0 评论 -
jqgrid 获取选中checkbox行数据
//获取选中checkbox行数据 var rowIds = $("#yourGrid").jqGrid('getGridParam', 'selarrrow');//循环方式一: rowIds.forEach(item=>{ var rowData = $("#yourGrid").jqGrid('getRowData', item); v...原创 2019-07-06 09:07:24 · 2447 阅读 · 0 评论 -
jqgrid增行数据中,带有option下拉选
{header:'${text("xxx")}', name:'xxx', width:150, editable:true, edittype:'select', editoptions:{'class':'form-control', items: $.merge([{text:' ',value:''}],get_your_select()), itemLabe...原创 2019-06-22 15:56:34 · 551 阅读 · 0 评论 -
判断jqgrid列表数据的某个name属性的input字段是否小于0
//判断jqgrid列表数据的某个以xxx结尾的name属性的input字段是否小于0 var xxxArray=Array.prototype.slice.call($("input[name$='xxx']")); if (xxxArray.some(item => { return parseFloat(item.value) <= 0})) { ...原创 2019-06-12 14:26:25 · 392 阅读 · 0 评论 -
jqgrid中输入框的点击事件,"change"、"keydown"
/*jqgrid中输入框的点击事件*/{header:'${text("xxx")}', name:'inclTaxMoney', width:150, editable:true, edittype:'text',editoptions:{'class':'form-control number', dataInit: function(element){ $(eleme...原创 2019-06-11 20:38:47 · 2170 阅读 · 0 评论 -
jqgrid通过saveRow方法,获取grid中的数据
//jqgrid通过saveRow方法,获取grid中的数据, $("#yourSubmit").click(function(){ var map={ }; var dataArr=[]; for(var i=0;i<dataLength;i++){ var indexlist=$("#xxxDataGri...原创 2019-06-06 10:56:10 · 1156 阅读 · 1 评论 -
jqgrid列表数据的载入与赋值
$.ajax({ type: "GET", url: "${ctx}/xx/xxx/xxx/xxx?xxx="+$('#xxx').children('option:selected').val(), dataType: "json", success: function (json) { /*先清空数据*/ $('#xxx')[0].options.length=1; $(...原创 2019-06-06 09:51:54 · 2506 阅读 · 1 评论 -
jqGrid行数据中如何添加下拉选 select
columnModel: [ //Ajax查询,动态赋值,表单不能编辑 {header:'${text("对象")}', name:'', width:150, editable:false, edittype:'select',formatter : 'select', editoptions:{'class':'form-control',value:getObjectList()}},...原创 2019-04-20 10:53:07 · 1589 阅读 · 1 评论 -
datagride添加行后,对输入框添加onchange事件
<#form:form id="inputForm" method="post" class="form-horizontal"> <table id="xxxDataGrid"></table></#form:form><script>var $dataGridXXX = $('#xxxDataGrid'); {head...原创 2019-04-08 18:24:56 · 1017 阅读 · 0 评论 -
jqGrid 列表数据的一些基本数据操作整理
//jqGrid 列表数据的基本操作 //获取汇总行数据 var row = $("#yourDataGrid").jqGrid(“footerData”, “get”); //1获取选中行的id数组 var id = $("#yourDataGrid").jqGrid("getGridParam", "selarow"); var ids = $("you...原创 2019-08-22 16:19:36 · 675 阅读 · 0 评论 -
jqGrid 2级表头的设置
//jqGrid 2级表头的设置columnModel: [{header:'主键', name:'id', editable:true, hidden:true},{header:'${text("项目X")}', name:'project', width:155, editable:true, edittype:'text', editoptions:{readonly:true,'...原创 2019-08-22 16:21:46 · 864 阅读 · 0 评论 -
jqGrid 列表数据赋值
//方式一:列表数据赋值完后 每一行设置为可编辑状态 $("#yourGrid").jqGrid("clearGridData"); for (var i = 0; i < data.length; i++) { $("#yourGrid").jqGrid("addRowData", i, { 'bean.id': data[i].id, 'bean.be...原创 2019-08-22 16:32:24 · 1970 阅读 · 0 评论 -
jqGrid loadComplete和gridComplete的区别
//grid中数据变动时候,不会执行该方法 loadComplete:function(data){ var ids = $('#yourGrid').getDataIDs(); for(var i=0; i<ids.length; i++){ var getRow = $('#yourGrid').getRowData(ids[i...原创 2019-07-29 16:26:04 · 5274 阅读 · 0 评论