Мне не удалось определить, как на самом деле добавить данные в подсеть jqGrid, но я смог добавить данные в сетку в другой сетке.
Моя мастер-сетка выглядит так:
$("#" + tblNm).jqGrid({
datatype: "local",
colNames: ['id', 'Last Name', 'First Name', 'Address'],
colModel: [{
name: 'id',
index: 'id',
width: 75,
sortable: false
}, {
name: 'lastNm',
index: 'lastNm',
width: 90,
sortable: false
}, {
name: 'firstNm',
index: 'firstNm',
width: 100,
sortable: false
}, {
name: 'address',
index: 'address',
width: 200,
align: "left",
sortable: false
}],
width: "100%",
height: "100%",
caption: "Clients",
jsonReader: {
root: "clients",
page: "currpage",
total: "totalpages",
records: "totalrecords",
repeatitems: false,
id: "id"
},
subGrid: true,
subGridRowExpanded: function(subgrid_id, row_id){
console.debug("SubGrid_ID: " + subgrid_id +
" / row_id: " +
row_id);
var subgrid_table_id, pager_id;
subgrid_table_id = "mySubGridName" + row_id;
pager_id = "p_" + subgrid_table_id;
$("#" + subgrid_id).html("<table id='" + subgrid_table_id + "'></table>");
jQuery("#" + subgrid_table_id).jqGrid({
datatype: "local",
colNames: ['Order Id', 'Item Name', 'Cost'],
colModel: [{
name: "ordId",
index: "ordId",
width: 20,
key: true
}, {
name: "itemName",
index: "itemName",
width: 130
}, {
name: "cost",
index: "cost",
width: 200,
align: "left"
}],
rowNum: 20,
caption: "Orders",
height: '100%',
width: '100%',
jsonReader: {
root: "orders",
page: "currpage",
total: "totalpages",
records: "totalrecords",
repeatitems: false,
id: "num"
}
});
}
});
Я загружаю основную сетку, делая что-то вроде:
$("#" + tblNm)[0].addJSONData(wrapper);
Затем, когда я получаю данные подсетки, я делаю что-то вроде:
// click on the subgrid so that the table is added to the DOM
// I think there are better ways of doing this... you'll want to look @ the jqGrid documentation
$("#" + masterTblId + " tr[id='1'] td[role='grid'] a span").click();
// add the data to the subgrid
$("#" + subGridId)[0].addJSONData(wrapper);
Наиболее важные части - определение кода в свойстве subgridexpanded jqGrid, а затем возможность принудительного отображения подсетки.
Единственная проблема этого метода заключается в том, что если пользователь щелкает область подсетки, то она переключается, а при повторном нажатии она не отображается должным образом. Я спросил сообщество о том, как исправить это здесь:
Кэширование подсетки или остановка удаления данных подсетки (jqGrid)