sencha touch :: hbox-itemのリストを作成するには

Question

私は店の外にあるデータのリストを生成したい。各データ項目はタイトルとブール値を保持します。今私はタイトルの右側にトグルフィールド（ブール値を表示）とそれぞれを保持しているアイテムのリストを持っていたい。

どうすればいいですか？

thnx！

Answer 1

Sencha Touchのドキュメントから、リストは「リストレイアウトテンプレートを使用してデータを表示するためのメカニズム」つまりhtmlテンプレートです。コンポーネントのリストが必要な場合は、自分でDataViewを拡張する必要があります（私は思っています）。

回避策は、itemTpl内にhtmlチェックボックスを入れることです。 （警告 - テストしていない）のような 何か：のXTemplateに独自のコードを実行するには

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

、あなたは{[]}とそれを囲みます。このスコープでは、レコードのデータを含む変数 '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/