在Sencha Touch中显示商店数据中的checkboxfield列表

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/

希望它helps-