Javascript jqGrid内联编辑文章没有editurl?
我正在尝试查找有关editurl的信息。目前,我正在开发不允许editurl的框架。调用必须通过javascript函数进行,javascript函数反过来调用服务器端的组件 问题:是否可以将数据发布到javascript函数而不是editurl 我正在进行以下实验:Javascript jqGrid内联编辑文章没有editurl?,javascript,jquery,jqgrid,Javascript,Jquery,Jqgrid,我正在尝试查找有关editurl的信息。目前,我正在开发不允许editurl的框架。调用必须通过javascript函数进行,javascript函数反过来调用服务器端的组件 问题:是否可以将数据发布到javascript函数而不是editurl 我正在进行以下实验: $(document).ready(function () { console.log(">>>1"); //-- action.setCallback(t
$(document).ready(function () {
console.log(">>>1");
//--
action.setCallback(this, function(a) {
if (a.getState() === "SUCCESS") {
result = a.getReturnValue();
console.log(result);
//---=
var editActionOptions = {
keys: true,
url:null,
oneditfunc: function (rowid) {
console.log("row with rowid=" + rowid + " is editing.");
},
aftersavefunc: function (rowid, response, options) {
console.log("row with rowid=" + rowid + " is successfuly modified.");
}
};
//-------------------------------------------------------------------------------------------------------
$("#jqGrid").jqGrid({
editurl: 'clientArray',
datatype: "local",
data:result,
colModel: [
{
label: "Edit Actions",
name: "actions",
width: 100,
formatter: "actions",
formatoptions: {
keys: true,
editOptions: {},
addOptions: {},
delOptions: {}
}
},
{
labe: 'ID',
name: 'empid',
width: 75
},
{
label : 'Name',
name: 'Name',
width: 140,
editable: true // must set editable to true if you want to make the field editable
},
{
label: 'dob',
name: 'dob',
width: 100,
editable: true
},
{
label: 'dln',
name: 'dln',
width: 120,
editable: true
}
],
sortname: 'empid',
loadonce: true,
onSelectRow: editRow,
onSave:onSaveRow,
editParams: editActionOptions,
width: 780,
height: 400,
rowNum: 150,
pager: "#jqGridPager"
});
//------------------------------------------------------------------------------------------------------
} else if (a.getState() === "ERROR") {
$A.log("Errors", a.getError());
}
});
$A.enqueueAction(action);
var lastSelection;
function editRow(id) {
console.log(id);
if (id && id !== lastSelection) {
var grid = $("#jqGrid");
grid.jqGrid('restoreRow',lastSelection);
grid.jqGrid('editRow',id, {keys: true} );
lastSelection = id;
}
};
function onSaveRow(id){
console.log(id);
}
请包括您使用(可以使用)的jqGrid版本以及jqGrid分支的相关信息(、商业版或旧版jqGrid我正在使用商业版Guriddo jqGrid JS。你能指定它是如何完成的吗。我已经用上面列出的编辑事件方法编写了代码,但它从不调用函数,而且还需要editurl值。对不起,但我恐怕无法帮助你使用Guriddo jqGrid JS。我不确定下面的确切意思“框架,不允许editurl”。自2014年底以来,我开发了jqGrid的替代分支:“免费jqGrid”。我实现了许多功能,这些功能与您的要求非常接近:
url
和mtype
as function(请参阅)。此外,可以使用editurl:“clientArray”
并使用afterAddRow
、aftereTrow
和afterDelRow
,这将在addRowData
和setRowData
中调用。顺便说一句,您的帐户使用角度图标。我正在提供TypeScript def免费jqGrid的初始化文件。我计划在月底之前完成这项工作(直到下一个版本发布)。您可以看到当前版本的免费jqgrid.d.ts
。它已经包含内联编辑选项、回调和事件的定义。这是一项伟大的工作!看起来您已经使用jqgrid很久了。--感谢您提供的信息