1
我有一個jqGrid,它使用內聯編輯來編輯單個行,並使用navGrid
上的圖標來處理添加和刪除。它工作得很好,除了點擊添加對話框中的提交按鈕之後,該行被添加,但對話框不會關閉。我已將closeAfterAdd: true
和closeAfterEdit: true
放在適當的位置(AFAIK),但添加對話框在提交後不會消失。我相信我錯過了一些簡單的東西,但我已經搜遍了維基,並且似乎無法弄清楚缺少的東西。以下是我的腳本代碼:如何讓jqGrid在提交後關閉添加對話框
$(document).ready(function() {
var lastsel;
var idToSelect;
jQuery("#grdEnvironments").jqGrid({
url: '/Artifacts/GetEnvrionments',
datatype: 'json',
mType: 'GET',
colNames: ['', 'Name'],
colModel: [
{ name: 'TCEnvironmentId', key: true, index: 'TCEnvironmentId', sortable: false, hidden: true, editable: false },
{ name: 'Name', index: 'Name', width: 150, editable: true, editrules: { required: true } },
],
pager: '#grdEnvironmentsPager',
rowNum: 15,
gridview: true,
loadui: 'block',
width: 300,
height: 250,
viewrecords: true,
editurl: '/Artifacts/EditEnvrionment',
caption: 'Various Envrionments',
onSelectRow: function (id) {
if (id && id != lastsel) {
$(this).restoreRow(lastsel);
$(this).editRow(id, {
keys: true,
closeAfterEdit: true
});
lastsel = id;
}
},
loadComplete: function() {
if (idToSelect) {
$(this).jqGrid('setSelection', idToSelect);
//console.log('In load Complete');
//console.log(idToSelect);
idToSelect = undefined;
}
}
});
jQuery('#grdEnvironments').jqGrid('navGrid', '#grdEnvironmentsPager',
{ add: true, edit: false, del: true, search: false, view: false },
{/* Edit Options */
closeAfterEdit: true
},
{/* Add Options */
closeAfterAdd: true,
afterSubmit: function(response) {
idToSelect = response.responseText;
//console.log('In after submit');
//console.log(idToSelect);
return [true,'',idToSelect];
}
});
});
任何幫助表示讚賞 - 這是不是作秀塞,但我想獲得所記錄的行爲。順便說一句 - 當我註釋掉console.log語句時,它們出現在控制檯中,所以我知道我正在進入代碼。
謝謝。
謝謝 - 修好了! – twreynol
@twreynol:不客氣! – Oleg