DevExtreme：来自 Spring Rest Api 的 Return 对象未与 dxDataGrid 绑定

Question

任何人都可以帮助我如何使用 customstore 将数据对象与 DevExtreme 的 dxDataGrid 绑定。

我的 DTO 是这样的：

[

数据：{...}，总数：100，摘要：[10,20,30]

]

但是当我用 dxDataGrid 绑定数据时，它只绑定数据而不是 totalCount。

Answer 1

您不需要发送 totalCount，您必须使用 摘要部分 相反，查看 this sample

$("#gridContainer").dxDataGrid({
        dataSource: orders,
        keyExpr: "ID",
        showBorders: true,
        selection: {
            mode: "single"
        },
        columns: [{
                dataField: "OrderNumber",
                width: 130,
                caption: "Invoice Number"
            }, {
                dataField: "OrderDate",
                dataType: "date",
                width: 160
            }, 
            "Employee", {
                caption: "City",
                dataField: "CustomerStoreCity"
            }, {
                caption: "State",
                dataField: "CustomerStoreState"  
            }, {
                dataField: "SaleAmount",
                alignment: "right",
                format: "currency"
            }
        ],
        summary: {
            totalItems: [{
                column: "OrderNumber",
                summaryType: "count"
            }]
        }
    });

数据源

var orders = [{
    "ID" : 1,
    "OrderNumber" : 35703,
    "OrderDate" : "2014-04-10",
    "SaleAmount" : 11800,
    "Terms" : "15 Days",
    "TotalAmount" : 12175,
    "CustomerStoreState" : "California",
    "CustomerStoreCity" : "Los Angeles",
    "Employee" : "Harv Mudd"
}, {
    "ID" : 4,
    "OrderNumber" : 35711,
    "OrderDate" : "2014-01-12",
    "SaleAmount" : 16050,
    "Terms" : "15 Days",
    "TotalAmount" : 16550,
    "CustomerStoreState" : "California",
    "CustomerStoreCity" : "San Jose",
    "Employee" : "Jim Packard"
}....
]

对于custom summaries you can use this

summary: {
            totalItems: [{
                    name: "SelectedRowsSummary",
                    showInColumn: "SaleAmount",
                    displayFormat: "Sum: {0}",
                    valueFormat: "currency",
                    summaryType: "custom"
                }
            ],
            calculateCustomSummary: function (options) {
                if (options.name === "SelectedRowsSummary") {
                    if (options.summaryProcess === "start") {
                        options.totalValue = 0;
                    }
                    if (options.summaryProcess === "calculate") {
                        if (options.component.isRowSelected(options.value.ID)) {
                            options.totalValue = options.totalValue + options.value.SaleAmount;
                        }
                    }
                }
            }
        }

在 if (options.summaryProcess === "calculate") { 部分中，您可以放置自定义计算逻辑，在本例中为总计数。

Answer 2

我找到了解决问题的方法。

[remoteOperations]="true"

我需要 remoteOperations = true 来绑定 totalCount 以及从服务器获取的数据。

DevExtreme：来自 Spring Rest Api 的 Return 对象未与 dxDataGrid 绑定

DevExtreme: Return Object from Spring Rest Api does not bind with dxDataGrid

datagrid

devexpress

devextreme