devexpress - 在 DevExtreme（分组）dxList 中，我可以将输入数组的“项目”更改为“元素”吗？

Question

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

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

所以我有“元素”而不是“项目”，这不起作用：

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

有没有一种配置方法来告诉 dxList 使用“元素”而不是“项目”？

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
            };
        }
    });

请参阅以下小提琴http://jsfiddle.net/tabalinas/bjqmbume/