javascript - 将 JSON 绑定(bind)到 DevExtreme 数据网格

Question

我在将数据加载到 DevExtreme 数据网格时遇到问题。如果我尝试示例，使用此示例代码:

var orders = new DevExpress.data.CustomStore({
    load: function (loadOptions) {
        var deferred = $.Deferred(),
            args = {};
​
        if (loadOptions.sort) {
            args.orderby = loadOptions.sort[0].selector;
            if (loadOptions.sort[0].desc)
                args.orderby += " desc";
        }
​
        args.skip = loadOptions.skip || 0;
        args.take = loadOptions.take || 12;
​
        $.ajax({
            url: "http://js.devexpress.com/Demos/WidgetsGallery/data/orderItems",
            data: args,
            success: function(result) {
                deferred.resolve(result.items, { totalCount: result.totalCount });
            },
            error: function() {
                deferred.reject("Data Loading Error");
            },
            timeout: 5000
        });
​
        return deferred.promise();
    }
});
​
var grid = $("#gridContainer").dxDataGrid({
    dataSource: {
        store: orders
    },
    paging: {
        pageSize: 12
    },
    pager: {
        showPageSizeSelector: true,
        allowedPageSizes: [8, 12, 20]
    },
    columns: [
        "OrderNumber", "OrderDate", "StoreCity", "StoreState", "Employee", {
            dataField: "SaleAmount",
            format: "currency"
        }
    ]
}).dxDataGrid("instance");

它有效，所以执行 devextreme datagrid 的问题我没有问题。但是当我想将数据源设置为我的数据时，它不起作用。我有 ASP.NET mvc 应用程序。一个 Action GetData 以 JSON 格式返回数据。如果我将 url 更改为:

url:"/Home/GetData"，或者url:"localhost:port/Home/GetData/添加:类型:“GET”并更改列名以在 JSON 响应中命名我的列。它不起作用。但是操作 GetData 返回 JSON 格式的数据。我是这项技术的新手。我做错了什么吗？我在 API 引用中找不到如何从 MVC 操作绑定(bind) JSON 数据，也许我搜索错了。

Answer 1

确保您的 JSON 中存在以下字段:

• “订单号”
• “订单日期”
• “商店城”
• “存储状态”
• “员工”
• “销售额”