jqgrid не обновляет локальные данные

Question

У меня есть jqgrid, который я вызываю каждый раз, когда выпадающее меню изменяется. Но проблема в том, что jqGrid показывает только данные, загруженные в первый раз, после этого Когда я вызываю одну и ту же функцию с новым набором данных {array of objects}, он не обновляется сам. Ниже приведен код:

function loadGrid(colModel, data1) { 
    var grid = $("#gridJQ"); 
    grid.jqGrid({ 
     datatype: "local", 
     viewrecords: true, 
     data: data1, 
     height: "auto", 
     rowNum: 5, 
     autowidth: false, // set 'true' here 
     rownumbers: true, // show row numbers 
     rownumWidth: 25, 
     colModel: colModel, 
     pager: "#jqGridPager", 
     height: "auto", 
     caption: "Load jqGrid through Javascript Array", 
    }).trigger("reloadGrid"); } 

Я проверил значение модели Col и data1, она меняется каждый раз, но сетка не отражает изменения.

Answer 1

Вы писали: «Я призываю каждый раз при каждом изменении раскрывающегося списка». Я думаю, что существует проблема общего понимания, что делает код. Сначала вы разместили пустую таблицу <table id="gridJQ"></table> на странице HTML. Первый вызов loadGridпреобразует пустую таблицу в относительно сложную структуру погружений и таблиц. Вы можете проверить сетку с помощью инструментов разработчика, чтобы увидеть, как выглядит сетка. После первоначального создания сетки можно сортировать данные, изменять текущую страницу, изменять ширину столбцов и т. Д. Все действия в основном меняют корпус сетки, а не внешние части с заголовками столбцов.

Таким образом, у вас есть по крайней мере два основных варианта (варианты), чтобы исправить эту проблему:

1. Вы должны уничтожить jqGrid и воссоздавать его. Вы должны включить $("#gridJQ").jqGrid("GridUnload");до линия var grid = $("#gridJQ"); в loadGrid.
2. Вы можете продолжать использовать функцию loadGrid только для первоначального создания сетки. Если вам необходимо перезагрузить данные сетки с обновленной data1, то вы должны вызвать clearGridData Fisrt, а затем использовать setGridParam, чтобы установить новое значение data параметра и, наконец, использовать $("#gridJQ").trigger("reloadGrid") который пополнить тело (без изменения внешних частей сетки) сетки на основе новых data. Вы можете использовать дополнительную опцию current: truereloadGrid, которая позволит слишком удерживать текущий выбор в сетке. См. the answer для получения дополнительной информации о возможностях reloadGrid.

Первый способ предоставит вам самый простой способ исправить проблему. Второй способ позволяет создать наиболее удобную сетку с точки зрения пользователей.