Question

我是Sencha Touch的新手。我正在尝试构建一个简单的ToDo应用程序。到目前为止，我已尝试使用 Ext.dataview.List 及其 itemTpl

显示来自商店的任务数据列表

Ext.define('ToDoListApp.view.TaskList', {
    extend: 'Ext.dataview.List',
    requires: [ 'ToDoListApp.store.TaskStore' ],

    config: {
        displayField: 'title',
        id: 'taskList',
        itemTpl: '<div class="task completed_{done}">{title}</div>',
        store: Ext.create('ToDoListApp.store.TaskStore'),
    }
});

但是，我真正想要实现的是根据商店中的数据显示复选框字段列表。我正在寻找使用下面的对象而不是 itemTpl ：

的配置

{
    xtype: 'checkboxfield',
    checked: true, /* should be based on the "done" value */
    label: 'Test', /* should be based on the "title" value */
}

这可能吗？如果没有，那么获得类似结果的好方法是什么？

最诚挚的问候，

欧文

Answer 1

您要找的是通过扩展来创建自定义dataItem。

您可以在以下位置找到并举例说明：

http://www.sencha.com/blog/dive-into-dataview-with-sencha-touch-2-beta-2/

希望有所帮助 -

在Sencha Touch中显示商店数据的复选框字段列表

1 个答案: