Как динамически присваивать данные jqGrid?

Question

Вот мой код для создания jqGrid

$("#ptDataGrid").jqGrid({ 
        datatype: 'local', 
        data: arrSpecData, 
        colModel: colmod, 
        rowNum: 10, 
        rowList: [10], 
        pager: '#ptPager', 
        gridview: true, 
        rownumbers: false, 
        viewrecords: true, 
        loadonce:false, 
        hidegrid: false, 
        autowidth: true, 
        caption: 'Crank Pin', 
        height: '100%', 
       }); 

Тогда я ahve применять некоторые фильтры на мои данные и создали еще один массив с именем FilteredData. Теперь я хотел назначить этот новый источник данных моей сетке. Я пробовал все подходы, которые я знаю. Но ничего не получилось. Итак, как можно назначить новый источник данных для jqGrid динамически? Пожалуйста, предложите какой-либо способ назначить его.

   dataGrid.setGridParam({ data: filterdData }); 
       dataGrid[0].refreshIndex(); 
       dataGrid.trigger("reloadGrid"); 

Все тот же результат я получаю :(

Обход # 1:

$('#divGrid').children().remove(); 
$('#divGrid').html(' <table id="ptDataGrid" class="jqgriddata"><tr><td/></tr></table><div id="ptPager"></div> '); 

createGrid(filterdData,true); 

Answer 1

Вы можете сначала установить новый data с уважением setGridParam, а затем вызвать метод refreshIndex (см the answer) для обновления внутреннего параметра _index.

ОБНОВЛЕНО: Нажмите кнопку «Изменить данные» на the demo, чтобы убедиться, что подход работает.