在 DevExtreme（分组）dxList 中，我可以将输入数组的 "items" 更改为 "elements" 吗？

Question

我有一个分组的 DevExtreme dxList。来自服务器的我的输入数据数组如下所示：

inputArray = [{
            label: "group1",
            elements: [{ text: "a" }, { text: "b" }]
        },
        {
            label: "group2",
            elements: [{ text: "a" }, { text: "b" }]
        }];

所以我有 "elements" 而不是 "items"，这行不通：

<div data-bind="dxList: { dataSource: inputArray, grouped: true }"></div>

是否有配置方法告诉 dxList 使用 "elements" 而不是 "items"？

Answer 1

使用DataSource映射功能。 http://js.devexpress.com/Documentation/ApiReference/Data_Library/DataSource/Configuration/?version=14_2#map

dataSource = new DevExpress.data.DataSource({
        store: inputArray,
        map: function (item) {
            return {
                key: item.label,
                items: item.elements
            };
        }
    });

见下文fiddlehttp://jsfiddle.net/tabalinas/bjqmbume/

在 DevExtreme（分组）dxList 中，我可以将输入数组的 "items" 更改为 "elements" 吗？

In a DevExtreme (grouped) dxList can I change the "items" to "elements" of the input array?

devexpress

devextreme