dxDataGrid - Как обновить виджет

Question

Когда ı нажала кнопку, не работая с обновлением. Если целью является добавление к кнопке буфера базы данных, нажмите, чтобы выйти на экран. Но не обновляется. Я создал datagrid с ajax. Я также написал функцию обновления в ViewModel. Что может быть причиной не возобновления. Мои данные - json.

$.ajax({ 
 
     type: "GET", 
 
     url: "https://js.devexpress.com/Demos/WidgetsGallery/data/orderItems" 
 
     success: function (msg, result, status, xhr) { 
 
     var obj = jQuery.parseJSON(msg); 
 
     $("#gridContainer").dxDataGrid({ 
 
     dataSource: obj, 
 
     filterRow: { 
 
     visible: true}});}}); 
 
     var viewModel = { 
 
     refresh: function() {   
 
     var dataGrid = $('#gridContainer').dxDataGrid('instance'); 
 
     dataGrid.refresh();}}; 
 
return viewModel;

<div data-options="dxView : { name: 'dd',disableCache: true } " > 
 
    <div data-bind="dxCommand: { icon: 'refresh', id: 'save', onExecute: refresh }"></div> 
 
    <div data-options="dxContent : { targetPlaceholder: 'content' } " > 
 
     
 
     <div id="gridContainer"></div> 
 
     
 
      </div> 
 
</div>

Answer 1

Как уже упоминалось Алекс, ваш Аякса бывает только один. Таким образом, это лучше использовать DataSource configuration object для загрузки данных:

var dataSource = { 
    load: function() { 
     var items = $.Deferred(); 
     $.ajax({ 
      type: "GET", 
      url: "https://js.devexpress.com/Demos/WidgetsGallery/data/orderItems", 
      success: function(result) { 
       items.resolve(result.items); 
      } 
     }); 

     return items.promise(); 
    } 
}; 

$("#gridContainer").dxDataGrid({ 
    dataSource: dataSource, 
    //... 
}); 

Затем, если вы звоните в refresh() метод dxDataGrid, источник данных будет перезагружен.

Demo

Обратите внимание, метод refresh полезен, если источник данных динамически изменяется.