如何使用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。