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

Question

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

我該怎麼做？

thnx！

Answer 1

從Sencha Touch文檔中，列表是「使用列表佈局模板顯示數據的機制」，即html模板。如果你想要一個「列表」的組件，你必須做出你自己的DataView擴展（我認爲）。

解決方法是將html複選框放入itemTpl中。 喜歡的東西（警告 - 未測試）：

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

要在XTemplate運行自己的代碼，您{[]}括號它。在此範圍內時，您可以訪問包含記錄數據的變量「值」。

要檢測的事件，你的監聽器添加到列表：

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/