Question

我想从商店中生成数据列表。每个数据项都包含一个标题和一个布尔值。现在我想要一个项目列表，每个项目都包含标题和标题右侧的切换字段（显示布尔值）。

我怎么能这样做？

日Thnx！

Answer 1

从Sencha Touch文档中，List是“使用列表布局模板显示数据的机制”，即html模板。如果你想要一个组件的“列表”，你必须自己扩展DataView（我认为）。

解决方法可能是在您的itemTpl中放置一个html复选框。像（警告 - 未测试）：

itemTpl: '<p>{title}: <input type="checkbox" name="BoolCheckbox" class="boolcheckbox"'
    + "{[(values.bool? 'checked="checked"' : '')]}"
    + '></input></p>'

要在XTemplate中运行您自己的代码，请将其括在{[]}中。在此范围内，您可以访问变量“values”，其中包含记录的数据。

要检测事件，您需要在列表中添加一个监听器：

itemtap: function (dataView, index, item, e) {
    if (e.getTarget().getClass().toString() == "boolcheckbox") {
        // do something
    }
}

模板上的一些资源：

http://dev.sencha.com/deploy/touch/docs/

http://www.sencha.com/learn/xtemplates-part-i/

http://www.sencha.com/learn/xtemplates-part-ii/

sencha touch ::如何创建hbox项目列表

1 个答案: