Добавление данных в подсеть jqgrid при использовании типа данных clientSide - PullRequest
1 голос
/ 21 апреля 2009

Можно ли добавить данные в подсеть, если тип данных для родительского jqgrid имеет тип clientSide?

Я могу добавить строку в родительский jqgrid, используя:

jQuery("#myId").addRowData(0, someRowData);

Но я не уверен, как добавить данные в подсеть. Есть идеи?

1 Ответ

3 голосов
/ 28 июля 2010

Мне не удалось определить, как на самом деле добавить данные в подсеть 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)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...