あんにんにっき。

日々思ったことや、おこったことを記録するブログ。要するに日記。

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本を読んでざっくり概要を理解して、その後でこういうサイト見ながら進めていけば、かなり簡単に物が作れるような気がする。