dxDataGrid - 如何刷新小部件

Question

當我點擊按鈕時，不工作刷新。如果目的是添加到數據庫按鈕按鈕按下來到屏幕。 但是不更新。 我用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

正如亞歷克斯所提到的，你的 ajax 只會發生一次。 所以，最好使用DataSource 配置對象來加載數據：

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,
    //...
});

然后，如果調用 dxDataGrid 的refresh()方法，將重新加載數據源。

演示

請注意，如果您的數據源動態變化， 刷新方法很有用。