如果使用表单添加行,则下面的代码为新行设置默认值。
如果使用工具栏上的jqGrid内联添加按钮添加行,则不会调用这些方法,并且
未设置默认值。
如何强制内联添加执行与下面的代码相同的逻辑?
var lastSelectedRow;
$grid.navGrid("#grid_toppager", {
del: true,
add: true,
view: true,
edit: true
},
{},
{
addedrow: 'beforeSelected',
url: '/Grid/Add?_entity=Desktop',
beforeInitData: function () {
// todo: how to call this method from inline add
var rowid = $grid.jqGrid('getGridParam', 'selrow');
if (rowid === null) {
alert( 'Select row before adding');
return false;
}
},
afterShowForm: function(formID) {
// todo: how to set default values as this method sets from inline add
var selRowData,
rowid = $grid.jqGrid('getGridParam', 'selrow');
$('#' + 'Recordtype' + '.FormElement').val('Veerg');
$('#' + 'Nait2' + '.FormElement')[0].checked = true;
selRowData = $grid.jqGrid('getRowData', rowid);
$('#' + 'Baas' + '.FormElement').val(selRowData.Baas);
$('#' + 'Liigid' + '.FormElement').val(selRowData.Liigid);
}
);
$grid.jqGrid('inlineNav', '#grid_toppager', {
addParams: {
position: "beforeSelected",
rowID: '_empty',
useDefValues: true,
addRowParams: {
keys: true,
onEdit : onInlineEdit
}
},
editParams: {
editRowParams: {
onEdit : onInlineEdit
}
},
add: true,
edit: false,
save: true,
cancel: true
});
function onInlineEdit(rowId) {
if (rowId && rowId !== lastSelectedRow) {
cancelEditing($grid);
lastSelectedRow = rowId;
}
}
更新
我尝试过代码
$grid.jqGrid('inlineNav', '#grid_toppager', {
addParams: {
position: "beforeSelected",
rowID: '_empty',
useDefValues: true,
addRowParams: {
keys: true,
extraparam: { _dokdata: FormData },
onSuccess : function (jqXHR) {
alert('addp oncuss');
jqXHRFromOnSuccess=jqXHR;
return true;
},
afterSave: function (rowID) {
alert('afeesave addp ');
cancelEditing($grid);
afterDetailSaveFunc(rowID,jqXHRFromOnSuccess);
jqXHRFromOnSuccess=null;
},
onError: errorfunc,
afterRestore : setFocusToGrid,
oneditfunc : function (rowId) {
var selRowData, selRowId ;
if (rowId && rowId !== lastSelectedRow) {
cancelEditing($grid);
selRowId = $grid.jqGrid('getGridParam', 'selrow');
if (selRowId ) {
selRowData = $grid.jqGrid('getRowData', selRowId );
$('#' + rowId + '_Reanr' ).val(selRowData.Reanr);
}
lastSelectedRow = rowId;
}
}
}
}
);
仅调用oneditfunc函数。如何强制onSuccess,afterSave,onError等方法也被调用?
更新2
我从答案中推荐的github中向jqGrid添加了补丁并尝试了
$.extend( jQuery.jgrid.inlineEdit, {
addParams: {
position: "beforeSelected",
rowID: '<%= EntityBase.NewRowIdPrefix %>',
useDefValues: true,
addRowParams: {
keys: true,
extraparam: { _dokdata: FormData },
onSuccess : function (jqXHR) {
jqXHRFromOnSuccess=jqXHR;
return true;
},
afterSave: function (rowID) {
cancelEditing($grid);
<% if (Model is RowBase ) { %>
afterDetailSaveFunc(rowID,jqXHRFromOnSuccess);
<% } else { %>
afterGridSaveFunc(rowID,jqXHRFromOnSuccess);
<% } %>
jqXHRFromOnSuccess=null;
},
onError: errorfunc,
afterRestore : setFocusToGrid,
oneditfunc : function (rowId) {
if (rowId && rowId !== lastSelectedRow) {
cancelEditing($grid);
lastSelectedRow = rowId;
}
}
}
}
} );
我这种情况下输入不会终止内联添加。此代码中的所有参数都将被忽略。
最佳答案
您应该使用editoptions的defaultValue
属性为新添加的行设置默认值。在当前文档中,您可以发现该选项仅在“表单编辑”模块中有效:
但是,如果您检查新的addRow方法的代码,您将看到
useDefValues
选项的默认值为true
defaultValue
属性(请参阅editoptions)。 更新了:好的!现在,我看到了您的问题。您在设置的
editRowParams
和addRowParams
部分中使用了错误的属性。正确的将是:$grid.jqGrid('inlineNav', topPagerSelector, {
addParams: {
position: "beforeSelected",
rowID: '_empty',
useDefValues: true,
addRowParams: {
keys: true,
oneditfunc : onInlineEdit
}
},
editParams: {
keys: true,
oneditfunc: onInlineEdit
},
add: true,
edit: false,
save: true,
cancel: true
});
此外,您可以使用新的$.jgrid.inlineEdit功能来设置
keys
,oneditfunc
或内联编辑的其他参数。该功能的实现并不完全正确,但是您可以从github检查当前版本(请参阅here),并在jquery.jqGrid.src.js
版本中进行相同的修改。无论如何,我建议在发布下一版本的jqGrid之后使用$.jgrid.inlineEdit功能。优点是您可以轻松地设置editRow
的选项,而与调用函数的位置无关(通过inlineNav
,'actions'
格式化程序或任何其他方式)。新的
jqGridInlineEditRow
事件功能(有关更多信息,请参见here)将使您能够执行类似现在在onInlineEdit
事件内部执行的操作,而无需使用只能设置一次的oneditfunc
。