devextreme - 如何使用 jQuery 将 dataSource 设置为 devextreme dxList

Question

我只是在学习 DevExtreme Mobile。我想将 dxList 与 Jquery 一起使用。我正在使用作为参考站点http://js.devexpress.com/Documentation/ApiReference/UI_Widgets/dxList/?version=14_1 但是教 KnockOut.js 的网站我不知道 knockout.js

如何使用 jQuery 将 dataSource 设置为 devextreme dxList？

Answer 1

这很容易。阅读有关在 DevExtreme http://js.devexpress.com/Documentation/Howto/UI_Widgets/Basics/Create_a_Widget/#UI_Widgets_Basics_Create_a_Widget_Add_a_Widget_jQuery_Approach中创建小部件的 jQuery 方法

对于指定的示例，请查看小提琴http://jsfiddle.net/tabalinas/eerpy2wf/

您可以创建如下列表：

<div id="list"></div>

$("#list").dxList({ 
    dataSource: employees, 
    grouped: true,
    groupRender: function(group) {
        return group.key;
    },
    itemRender: function(emp) {
        return $("<div>").text(emp.name + "(hired at " + emp.hired + ")");
    }
});

只需使用渲染器而不是 ko tempaltes。