Jquery 内联编辑在动态jqGrid上不起作用
基于此,我创建了一个动态jqGrid,但内联编辑似乎不起作用:Jquery 内联编辑在动态jqGrid上不起作用,jquery,jqgrid,Jquery,Jqgrid,基于此,我创建了一个动态jqGrid,但内联编辑似乎不起作用: var colN = '{ "JSON":"success","colNames":["Id","Name","Check In","Check Out","Check In","Check Out","Check In","Check Out","Check In","Check Out"],'; var colM = '"colModel":[ { "name": "IdEmployee", "index": "IdEmploy
var colN = '{ "JSON":"success","colNames":["Id","Name","Check In","Check Out","Check In","Check Out","Check In","Check Out","Check In","Check Out"],';
var colM = '"colModel":[ { "name": "IdEmployee", "index": "IdEmployee", "jsonmap":"IdEmployee", "width": "120", "align": "center", "key": "true", "editable": "false"},{ "name": "NameEmp", "index": "NameEmp", "jsonmap":"NameEmp", "width": "450", "align": "center", "editable": "false"},{ "name": "IDay7", "index": "IDay7", "jsonmap": "IDay7", "width": "170", "align": "center", "editable": "true"},{ "name": "ODay7", "index": "ODay7", "jsonmap": "ODay7", "width": "170", "align": "center", "editable": "true"},{ "name": "IDay8", "index": "IDay8", "jsonmap": "IDay8", "width": "170", "align": "center", "editable": "true"},{ "name": "ODay8", "index": "ODay8", "jsonmap": "ODay8", "width": "170", "align": "center", "editable": "true"},{ "name": "IDay9", "index": "IDay9", "jsonmap": "IDay9", "width": "170", "align": "center", "editable": "true"},{ "name": "ODay9", "index": "ODay9", "jsonmap": "ODay9", "width": "170", "align": "center", "editable": "true"},{ "name": "IDay10", "index": "IDay10", "jsonmap": "IDay10", "width": "170", "align": "center", "editable": "true"},{ "name": "ODay10", "index": "ODay10", "jsonmap": "ODay10", "width": "170", "align": "center", "editable": "true"}],';
var colG = '"gridModel":{ "dataset":[{"IdEmployee":"560","NameEmp":"L A S","IDay9":"07:37:07","ODay9":"20:04:46","IDay10":"20:01:35","ODay10":"07:38:47"},{"IdEmployee":"859","NameEmp":"A P A","IDay7":"19:29:37","ODay7":"08:05:00","IDay8":"19:29:19","ODay8":"08:00:12","IDay9":"19:31:36","ODay9":"08:00:59"},{"IdEmployee":"864","NameEmp":"M R T","IDay8":"07:17:21","ODay8":"20:07:27","IDay9":"07:20:01","ODay9":"20:07:24"}],"page":"1","records":"3","total":"1"}}';
var jsonGrid = jQuery.parseJSON(colN + colM + colG);
var gridPreNomina = $("#tblPreNomina");
gridPreNomina.jqGrid({
jsonReader: {
root: "dataset",
id: "IdEmployee",
page: "page",
total: "total",
records: "records"
},
datatype: 'jsonstring',
datastr: jsonGrid.gridModel,
colNames: jsonGrid.colNames,
colModel: jsonGrid.colModel,
pager: $('#pagerPreNomina'),
rowList: [],
rowNum: '',
loadonce: true,
width: '1200',
height: '100',
viewrecords: true
})
gridPreNomina.jqGrid('inlineNav', "#pagerPreNomina", { add: false, edit: true });
我减少了jqGrid代码并使用了jsonReader选项,但结果类似。
提前谢谢 编辑:我正在使用免费的jqGrid 4.9.2 EDIT2:这是使网格工作的方法,改进了语法:
$(function () {
"use strict";
var colN = '{ "JSON":"success","colNames":["Id","Name","Check In","Check Out","Check In","Check Out","Check In","Check Out","Check In","Check Out"],';
var colM = '"colModel":[ { "name": "IdEmployee", "index": "IdEmployee", "jsonmap":"IdEmployee", "width": "120", "align": "center", "key": "true", "editable": "false"},{ "name": "NameEmp", "index": "NameEmp", "jsonmap":"NameEmp", "width": "450", "align": "center", "editable": "false"},{ "name": "IDay7", "index": "IDay7", "jsonmap": "IDay7", "width": "170", "align": "center"},{ "name": "ODay7", "index": "ODay7", "jsonmap": "ODay7", "width": "170", "align": "center"},{ "name": "IDay8", "index": "IDay8", "jsonmap": "IDay8", "width": "170", "align": "center"},{ "name": "ODay8", "index": "ODay8", "jsonmap": "ODay8", "width": "170", "align": "center"},{ "name": "IDay9", "index": "IDay9", "jsonmap": "IDay9", "width": "170", "align": "center"},{ "name": "ODay9", "index": "ODay9", "jsonmap": "ODay9", "width": "170", "align": "center"},{ "name": "IDay10", "index": "IDay10", "jsonmap": "IDay10", "width": "170", "align": "center"},{ "name": "ODay10", "index": "ODay10", "jsonmap": "ODay10", "width": "170", "align": "center"}],';
var colG = '"gridModel":{ "dataset":[{"IdEmployee":"560","NameEmp":"L A S","IDay9":"07:37:07","ODay9":"20:04:46","IDay10":"20:01:35","ODay10":"07:38:47"},{"IdEmployee":"859","NameEmp":"A P A","IDay7":"19:29:37","ODay7":"08:05:00","IDay8":"19:29:19","ODay8":"08:00:12","IDay9":"19:31:36","ODay9":"08:00:59"},{"IdEmployee":"864","NameEmp":"M R T","IDay8":"07:17:21","ODay8":"20:07:27","IDay9":"07:20:01","ODay9":"20:07:24"}],"page":"1","records":"3","total":"1"}}';
var jsonGrid = jQuery.parseJSON(colN + colM + colG);
$("#tblPreNomina").jqGrid({
jsonReader: {
root: "dataset",
id: "IdEmployee"
},
cmTemplate: { editable: true, autoResizable: true },
iconSet: "fontAwesome",
datatype: "jsonstring",
datastr: jsonGrid.gridModel,
colNames: jsonGrid.colNames,
colModel: jsonGrid.colModel,
pager: true,
width: 1200,
height: 100,
viewrecords: true,
navOptions: {add: false, edit: false, del: false, search: false, refresh: false },
inlineNavOptions: { edit: true }
}).jqGrid('inlineNav');
});
您应该在
InlineAV
之前包含导航网格的调用:
gridPreNomina.jqGrid('navGrid',“#pagerPreNomina”,
{add:false、edit:false、del:false、search:false、refresh:false});
jqGrid('inlineNav',“#pagerPreNomina',{add:false,edit:true});
最后,您应该在所有问题中写下jqGrid的哪个版本,以及旧版本中的哪个fork(,jqGrid)。感谢您对Oleg的快速响应。不幸的是,包括对“navGrid”的调用仍然不起作用,我尝试了最新版本,但仍然不起作用work@DarK_WisH:不客气!请参阅我答案的更新部分。我建议您另外更新到最新的免费jqGrid 4.12.1。您的示例不起作用。但是,如果我删除所有“editable:true”并保留“cmTemplate”它可以工作!再次感谢,也感谢您向我展示新的免费jqGrid语法!@DarK\u WisH:欢迎!cmTemplate
无法覆盖显式“可编辑”:“false”
值来自colModel
“可编辑”:“true”
是错误类型的值。editable
属性的值必须是布尔值。“可编辑”:true
而不是“可编辑”:“true”
。