在内联模式下,我添加一个新行,编辑新值,然后单击“保存”按钮到服务器和本地。但是,当我继续单击“编辑”按钮来编辑新行而不是编辑该行时,它会添加一个新行。例如,首先我添加了一个新行 : { aa,bb,cc}
,然后想{ aaaa,bb,cc}
通过单击“编辑”按钮并对其进行编辑来将其更改为,但是 jqGrid 向oper=add
服务器发送了一个,这导致添加了一个新行。我不明白为什么?
代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ddddd</title>
<link
href="/education2/jqGrid4.4/themes/redmond/jquery-ui-1.8.2.custom.css"
rel="Stylesheet" />
<link href="/education2/jqGrid4.4/themes/ui.jqgrid.css" rel="Stylesheet" />
<script src="/education2/jqGrid4.4/js/jquery-1.7.2.js"
type="text/javascript"></script>
<script type="text/javascript"
src="/education2/jqGrid4.4/js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript"
src="/education2/jqGrid4.4/js/i18n/grid.locale-cn.js"></script>
<script src="/education2/jqGrid4.4/js/jquery.jqGrid.src.js"
type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery("#gridTable").jqGrid({
url : '/education2/json/searchStudent',
mtype : "POST",
datatype : "json",
colNames : [ 'studentId','studentNo', 'name', 'class'],
colModel : [ {
name : 'studentId',
index : 'studentId',
width : 55,
hidden : true,
hidedlg : true
key : true,
editable : true
}, {
name : 'studentNo',
index : 'studentNo',
width : 150,
editable : true
}, {
name : 'studentName',
index : 'studentName',
width : 150,
align : "right",
editable : true
}, {
name : 'className',
index : 'className',
width : 150,
align : "right",
editable : true,
edittype : 'select',
editoptions : {
dataUrl : "/education2/json/classNameStudent"
}
}],
jsonReader : {
root : "gridModel",
records : "record",
repeatitems : false
},
prmNames : {
search : "search",
id : "id"
},
rowNum : 10,
rowList : [ 10, 20, 30 ],
height : 400,
// multiselect : true,
// multiboxonly : true,
pager : jQuery('#gridPager'),
sortname : 'studentId',
viewrecords : true,
altRows : true,
sortorder : "desc",
editurl : "/education2/json/editStudent",
caption : "student"
});
jQuery("#gridTable").jqGrid('navGrid', "#gridPager", {
edit : false,
add : false,
del : true
}, {}, {}, {}, {
caption : "find",
Find : "find",
closeAfterSearch : true
});
jQuery("#gridTable").jqGrid('inlineNav', "#gridPager", {
editParams : {
successfunc : succesfunc1,
restoreAfterError : false
}
});
});
var succesfunc1 = function(response) {
var result = eval('(' + response.responseText + ')');
if (result.success == true) {
alert("success!");
return true;
} else {
alert(result.message);
return false;
}
};
};
</script>
</head>
<body>
<table id="gridTable"></table>
<div id="gridPager"></div>
<br />
</body>
</html>
更新
我$('#'+$.jgrid.jpID(rowid).attr('id', result1.new_id)
用来刷新新行的行 ID(来自@oleg 的想法“如何在 jqGrid 中内联添加后更新列”),并在我oper=new && id !="new_row"
用来决定它应该是编辑还是添加新行的服务器上。它运行良好,但我必须添加一个 aftersavefunc 方法。
上面的问题我不是很理解。我所做的只是绕过这个问题。
我的问题是我:添加一个新行然后更改它,jqgrid 不更改它,jqgrid 向"oper=add"
服务器发送一个,这意味着服务器将添加一个新行。
另一个问题是:
jQuery("#gridTable").jqGrid('inlineNav', "#gridPager", {
addParams : {
addRowParams : {
keys : true,
url : '/education2/json/editStudent1?inlinePoer=add'
}
},
editParams : {
url : '/education2/json/editStudent?inlinePoer=edit',
}
});
与我预期的不同,每当我点击内联导航器中的添加、编辑或保存按钮时,只会'/education2/json/editStudent?inlinePoer=edit'
触发 url : 。似乎 url :'/education2/json/editStudent1?inlinePoer=add'
不能被解雇,为什么?有人可以帮我吗?
我使用萤火虫和IE。