Titanium MobileでTableView。すごく簡単!
3分クッキングもかくや、と思うほどの簡単っぷり。
// データ行の内容(表示文字,チェックON) var rows = [ {title:'Row 1', hasCheck:true}, {title:'Row 2', hasCheck:true}, {title:'Row 3', hasCheck:true} ]; // table viewの生成(行の表示内容を指定して) var tblView = Titanium.UI.createTableView({ data:rows }); // イベント登録:クリックすると、チェック状態が変更される。 tblView.addEventListener('click', function(e){ e.rowData.hasCheck = ! e.rowData.hasCheck; });
これだけ書けば(実際には、このTableViewをWindowにaddする必要もあるけど)、次のような画面が得られる。
クリックすると、チェックのON/OFFが変わる。
プロパティには、hasCheckの他に、色々プロパティがある。
それは、 http://tidocs.com/mobile/1.6.0/ を参照すると色々書いてある。
このサイトはすごくいい。むちゃくちゃ便利。
この前でた、Titanium Mobile本を読んでざっくり概要を理解して、その後でこういうサイト見ながら進めていけば、かなり簡単に物が作れるような気がする。