jqGrid: подсетка не заполняется данными

Question

У меня есть подсетка, которая, когда вы нажимаете знак «+» рядом с «Сыром», запускается запрос ajax, и я вижу имена столбцов подсетки, но фактические данные не вводятся в подсеть. Проблема возникает независимо от того, какую сетку я пытаюсь расширить, но пример "Сыра" показан ниже.

Вы можете увидеть ответ XML в нижней части вывода FireBug на скриншоте. Я прочитал этот XML, и похоже, что он действителен. По догадкам, я также вставил вывод XML в эту страницу , и, похоже, отступ отлично. Кроме того, у меня также был вызов ajax, возвращающий некоторые очень простые значения, и независимо от того, что я пробовал до сих пор, сетка остается пустой.

То, что вы должны увидеть в подсетке:

------------------------------------------------------
|Translations                    | Language | Active |
------------------------------------------------------
| It's cheesy goodness           |   EN     |   No   |
| fromage                        |   FR     |   No   | 
|                                |   DE     |   N/A  |   <-- "N/A" means there's no translation of "cheese" in German, currently in the database

    ... etc., with all supported languages listed.

Код для подсетки:

$("#translationsList").jqGrid({
    caption : "Translations",
    datatype : "xml",
    url : translationsFeed,
    editurl : translationsEdit,
    mtype : "get",
    pager : "#translationsPager",
    rowNum : 20,
    autowidth : true,
    sortname : "phrase",
    sortorder : "asc",
    viewrecords : true,
    multiselect : false,
    hidegrid : false,
    height : 300,
    altRows : true,
    rownumbers : true,
    toolbar : [false],
    colNames : ["phrase_id", "translation_id", "language_cd", "Phrase", "Translation", "Created", "Modified", "Active"],
    colModel : [
            { name : "phrase_id",                                   index : "phrase_id",            sortable : true,    search : false, editable : true,    edittype : "text",      editrules: { edithidden :true },                                    hidden : true},
            { name : "translation_id",                          index : "translation_id", sortable : false, search : false, editable : true,    edittype : "text",      editrules: { edithidden :true },                                    hidden : true},
            { name : "language_cd",                                 index : "language_cd",      sortable : true,    search : true,  editable : true,    edittype : "text",      editrules: { edithidden: true, required : true }, hidden : true },
        { name : "Phrase",              width:200,  index : "phrase",               sortable : true,    search : true,  editable : true,    edittype : "text",      editrules: { required : true } },
        { name : "Translation",         width:200,  index : "translation",      sortable : true,    search : true,  editable : true,    edittype : "text",      editrules: { required : false } },
        { name : "Created",             width:100,  index : "modify_dt",            sortable : true,    search : true },
        { name : "Modified",            width:100,  index : "create_dt",            sortable : true,    search : true },
        { name : "Active",              width:20,       index : "active",               sortable : true,    search : true,  editable : true,    edittype : "select",    editoptions:{value:"0:No;1:Yes"} }
    ],
    onSelectRow: function(id) {
            jQuery('#translationsList').editRow(id, true);
    },
    subGrid: true,
    subGridUrl: 'ajax/translations_subgrid_feed.php',
    subgridtype: 'xml',
    subGridModel : [{
      name      : ['Translations', 'Language', 'Active'],
      width     : [583, 70, 80],
      align     : ['left','right','right'],
      params    : ['phrase_id']
    }],
  subGridOptions: {
    plusicon : "ui-icon-plus",
    minusicon : "ui-icon-minus",
    openicon: "ui-icon-carat-1-sw",
    expandOnLoad: true,
    selectOnExpand : false,
    reloadOnExpand : true
  }
});

XML-ответ для основной / подсетей можно найти в этом Gist

Answer 1

Я мог воспроизвести проблему и проанализировал код подсеточного модуля jqGrid. Мое объяснение таково: новое expandOnLoad: true свойство subGridOptions , которое вы используете, может работать только в случае «локального» типа данных в основной сетке . Я не нашел соответствующего замечания по этому поводу в документации, но это так.

В версии 4.1 используется опция delayOnLoad, но она работает некорректно. В версии 4.1.1 после исправление опция не используется и сразу после добавления строки в основную сетку. Проблема в том, что jqGrid использует свойство .grid.hDiv.loading для пропуска ajax-запроса, если ответ предыдущего ajax-запроса не обработан до конца. Внутри beforeSend обработчик запроса $.ajax основной сетки (см. здесь ) будет называться beginReq () , первая строка которого

ts.grid.hDiv.loading = true;

затем внутри обработчика success запроса $.ajax будет вызван метод addXmlData , который вызовет addSubGrid для каждой строки основной сетки, который вызывает .trigger ('click'); на значке "развернуть" строки сетки. В результате populateubgrid будет вызываться во всех строках сетки перед тем, как .grid.hDiv.loading будет изменен на false внутри endReq в конце обработчика success . Таким образом, в соответствующей части метода populateubgrid , где будет проверяться ts.grid.hDiv.loading, соответствующий $.ajax вызов будет пропущен и , строки не будут расширены .

Так что я могу повторить краткий результат моих анализов: не использовать опцию expandOnLoad: true. Это не работает с удаленными данными.