设置默认值Inline添加Jqgrid
本文关键字:Jqgrid 添加 Inline 默认值 设置 | 更新日期: 2023-09-27 18:08:50
目前,我在系统中有一个需求,我需要重复输入最后一行的大部分数据。实际上这是我的Grid:
$('#list').jqGrid({
colNames: ['VendedorId', 'Vendedor', 'Especie', 'Cabezas', 'Kilos', 'Precio', 'Guías Venta', 'Vencimiento'],
colModel: [
{ hidden: true, name: 'VendedorId' },
{ editable: true, width: 160, edittype: 'select', editoptions: { dataUrl: '/Clientes/CmbClientes' }, editrules: { required: true }, name: 'Vendedor' },
{ editable: true, width: 70, edittype: 'select', editoptions: { dataUrl: '/Especies/CmbEspecie' }, editrules: { required: true }, name: 'Especie' },
{ align: 'right', width: 50, editable: true, editoptions: { size: 3, maxlength: 3 }, editrules: { number: true }, formatter: 'number', formatoptions: { decimalPlaces: 0 }, name: 'Cabezas' },
{ align: 'right', width: 50, editable: true, editrules: { number: true }, formatter: 'number', formatoptions: { decimalPlaces: 0 }, name: 'Kilos' },
{ align: 'right', width: 50, editable: true, editrules: { number: true, required: true }, formatter: 'currency', formatoptions: { prefix: '$',decimalPlaces: 2 }, name: 'Precio' },
{ editable: true, width: 50, editoptions: { maxlength: 20 }, name: 'GuiasVenta' },
{ align: 'right', width: 70, editable: true, editoptions: { size: 3, maxlength: 3 }, editrules: { number: true, required: true }, formatter: 'number', formatoptions: { decimalPlaces: 0 }, name: 'Vencimiento' }
],
url: '@Url.Action("ListVendedores")',
datatype: 'json',
editurl: '@Url.Action("SaveVendedor")',
mtype: 'POST',
pager: '#vendedoresPager',
prmNames: { id: 'RemateId' },
rowList: [5, 10, 15, 20],
sortname: 'FeriaId',
viewrecords: true,
width: 850
}).jqGrid('navGrid', '#vendedoresPager', { add: false, edit: false, del:true ), search: false },{},{},{ url: '/Remates/BorrarVendedor' }).
jqGrid('inlineNav', '#vendedoresPager',
{
add : true,
edit : true,
save : true,
addParams: {
addRowParams: {
position: "afterSelected",
keys: true,
extraparam: {
...
}
}
},
editParams: {
keys: true,
extraparam: {
...
}
}
});
添加第一行时没有默认数据,但随后字段vendor, Especie, Guías Venta和Vencimiento应重复最后输入。
在这个场景中,我想象了两种可能的解决方案,一种是使用事件jqGridInlineEditRow,另一种是使用自动完成。已经阅读了这个关于qGridInlineEditRow的问题。但在这种情况下,我可以从网格的最后一行获取数据,以及它应该如何将数据加载到新行。阅读这个关于自动补全的问题。
也许有其他的解可以读取以获得更好的近似解。
有人能帮忙吗?
更新15/04/2013
我将Add按钮替换为自定义按钮,代码如下:
$("#Agregar").click(function () {
var parameters =
{
initdata: {},
position: "first",
useDefValues: true,
useFormatter: false,
addRowParams: {
keys: true,
extraparam: {
...
},
aftersavefunc: function (rowid) {
var grid = jQuery('#vendedores');
lastSavedAddData = grid.jqGrid("getRowData", rowid);
},
oneditfunc: function (rowid) {
var name;
var grid = jQuery('#vendedores');
for (name in lastSavedAddData) {
if (lastSavedAddData.hasOwnProperty(name)) {
$('#' + rowid +"_"+ name).val(lastSavedAddData[name]);
}
}
}
}
};
jQuery("#vendedores").jqGrid('addRow', parameters);
});
但这只适用于文本框,而不适用于组合
如果我正确理解你的问题,jQuery UI自动完成的使用是独立于最后添加行的输入字段的初始填充在开始下一个喜欢添加。
在我看来,你可以保存在addRowParams
中定义的aftersavefunc
回调中最后添加的行中保存的数据(或使用jqGridInlineAfterSaveRow
事件)。您可以使用oneditfunc
来设置新目录中最后输入的值。例如,您可以使用
addRowParams: {
position: "afterSelected",
keys: true,
extraparam: {
...
},
aftersavefunc: function (rowid) {
lastSavedAddData = $(this).jqGrid("getRowData", rowid);
},
oneditfunc: function (rowid) {
var name;
for (name in lastSavedAddData) {
if (lastSavedAddData.hasOwnProperty(name)) {
$("#" + $.jgrid.jqID(rowid + "_" + name)).val(lastSavedAddData[name]);
}
}
}
}
,其中lastSavedAddData
应该在某个外部作用域中定义。它不是经过测试的代码。我只是想展示一下主旨。您可以扩展oneditfunc
的代码,以支持编辑行中使用的更多不同的控件。