sencha touch:: 如何創建 hbox-items 列表

Question

我想從商店中生成數據列表。 每個數據項都有一個標題和一個 boolean。 現在我想要一個項目列表，每個項目都包含標題和標題右側的切換字段（顯示布爾值）。

我怎么能那樣做？

謝謝！

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 中運行您自己的代碼，請將其括在 {[]} 中。 在此 scope 中，您可以訪問包含記錄數據的變量“值”。

要檢測事件，您需要在列表中添加一個偵聽器：

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/