免费JQGrid - 添加第二行时,inlineNav中的保存按钮不起作用
问题描述:
我们有几个免费的JQGrids和添加新行的问题。 单击inlineNav(ADD)图标,会出现一个新行,点击SAVE-Icon第一次工作正常。但是当添加第二行时,InlineNav中的Save-buttton将不起作用。在行中输入键。重新加载整个网格后,它只会再次工作。免费JQGrid - 添加第二行时,inlineNav中的保存按钮不起作用
以下是网格的代码
一些默认设置:
jQuery.extend($.jgrid.defaults,{
autowidth: true, pager:true, pgbuttons:false, pginput:false,
pgtext:false, datatype: "json", mtype: "POST",
rownumbers:true, rowNum:9999,
postData: {"savestate_encrypted" : function() {return $("input[name='savestate_encrypted']").val();}},
ondblClickRow: function (rowid, status, e) {
var $self = $(this), savedRow = $self.jqGrid("getGridParam", "savedRow");
if (savedRow.length > 0 && savedRow[0].id !== rowid) {
$self.jqGrid("restoreRow", savedRow[0].id);
}
$self.jqGrid("editRow", rowid, { focusField: e.target });
},
});
网格本身:
jQuery("#grid").jqGrid({
url:"....",
jsonReader: {root: "resourceList"},
height: 500,
cmTemplate: { editable: true},
inlineEditing: {keys: true},
editurl: "....",
colModel:[ //Define Table Columns
{name: "name", label:"Name", key:true, hidden:false},
{name: "activeJobs", label:"aktive Jobs", width:250}
],
}).jqGrid("navGrid", {refresh:true, edit:false, del:true, search:false, add:false})
.jqGrid("inlineNav", {save:true, edit:true, add:true})
</script>
我已经想通了,行15300(抱歉不知道如何找到分支版本 - 30.Jan 2017)在网格源中将“var ind”设置为false,点击按钮时,按Enter键完美
var tmp = {}, tmp2 = {}, postData = {}, editable, k, fr, resp, cv, savedRow, ind = $self.jqGrid("getInd", rowid, true), $tr = $(ind),
opers = p.prmNames, errcap = getRes("errors.errcap"), bClose = getRes("edit.bClose"), isRemoteSave, isError,
displayErrorMessage = function (text, relativeElem)....
作为一种快速解决方案,我希望在事件上进行分级并重新加载整个网格。但是subscribe()似乎已经不存在了(我们正在从旧的struts-tag网格切换到javascript,我认为绑定现在是正确的方式,但是哪个事件呢?
ADDITION ---------- -----------------
我创建了一个工作代码,它将在没有Ajax和Json的情况下显示类似的问题。单击ADD时,输入值并选择SAVE在inlineNav酒吧一切都OK,但再按一次添加,输入值,然后选择保存,编辑模式将保持打开状态。如果您使用ENTER键而不是SAVE-BTN它会奏效。
<!DOCTYPE html>
<html lang="de"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.jqgrid.src.js"></script>
<link rel="stylesheet" href="js/jquery-ui.min.css">
<link rel="stylesheet" href="js/ui.jqgrid.min.css">
</head>
<script type="text/javascript">
/* DEFAULTS */
jQuery.extend($.jgrid.defaults,{
autowidth: true, // nutzt die ganze verfügbare Breite
pager:true, // Fusszeile -
pgbuttons:false, // - ohne Seitenkontrollbuttons
pginput:false, // - ohne Eingabefeld
pgtext:false, // - ohne Text
rownumbers:true, // immer Zeilennummern
rowNum:9999, // bis zu 9999 Zeilen
ondblClickRow: function (rowid, status, e) {
var $self = $(this), savedRow = $self.jqGrid("getGridParam", "savedRow");
if (savedRow.length > 0 && savedRow[0].id !== rowid) {
$self.jqGrid("restoreRow", savedRow[0].id);
}
$self.jqGrid("editRow", rowid, { focusField: e.target });
},
});
// For JSON Response
/* jQuery.extend($.jgrid.inlineEdit,{
restoreAfterError:false,
errorfunc: function(response)
{
var resp = response;
alert("error7");
return false;
},
successfunc: function(response)
{
var resp = response;
var hasNoError = true;
// var hasNoError = (resp.responseJSON.actionErrors.length == 0);
return hasNoError;
}
});
*/
function dataset() {
"use strict";
var mydata2 = [
{ id: "10", name: "test" , value: "5"},
{ id: "20", name: "test20", value: "5"},
{ id: "30", name: "test30", value: "5"},
{ id: "40", name: "test40", value: "5"},
{ id: "50", name: "test50", value: "5"},
];
return mydata2;
};
</script>
<body>
<table id="grid"></table>
<script type="text/javascript">
jQuery("#grid").jqGrid({
data: dataset(),
colModel: [
{ name: "id", label:"ID"},
{ name: "name", label:"NAME", align: "center" },
{ name: "value", label:"VALUE", align: "center" }
],
cmTemplate: { editable: true, autoResizable: true },
}).jqGrid("navGrid", {refresh:true, edit:false, del:true, search:false, add:false})
.jqGrid("inlineNav", {save:true, edit:true, add:true})
</script>
</body></html>
如果我正确理解你的问题,然后你想保存后重新加载网格。您可以使用jqGridInlineAfterSaveRow
事件:
jQuery("#grid").on("jqGridInlineAfterSaveRow", function() {
setTimeout(function() {
jQuery("#grid").trigger("reloadGrid");
}, 0);
});
答
如果我正确理解你的问题,然后你想保存后重新加载网格。您可以使用jqGridInlineAfterSaveRow
事件:
jQuery("#grid").on("jqGridInlineAfterSaveRow", function() {
setTimeout(function() {
jQuery("#grid").trigger("reloadGrid");
}, 0);
});
Grußnach Hannover Andreas!请发布准确的代码,如果在免费的jqGrid中发现错误,我可以使用它来重现问题。设置'var ind = false;'可能不是一个解决方案,因为'ind'应该初始化为编辑'
Danke -Grusszurück:-) 我将修改其中一个Free JQGrid示例并尝试重现错误。一个想法是:我们使用JQuery 3.3.1 - 所有示例都有2.x或1.x版本,但要等到明天 - 我必须修复一个生产bug :-( –
免费的jqGrid支持jQuery 3.3.1的情况。 [示例](http://www.ok-soft-gmbh.com/jqGrid/OK/customSortIcons-fa4_4.13.6.htm)。它使用'inlineNav'和'formatter:“actions”'进行内联编辑并通过'navGrid'进行编辑,它使用4.13.6版本,你能否在演示中重现任何问题? – Oleg
回答
如果我正确理解你的问题,然后你想保存后重新加载网格。您可以使用
jqGridInlineAfterSaveRow
事件:相关问题