Skip to content

Instantly share code, notes, and snippets.

@setou
Created June 26, 2012 10:26
Show Gist options
  • Save setou/2994886 to your computer and use it in GitHub Desktop.
Save setou/2994886 to your computer and use it in GitHub Desktop.
Titanium MobileのTableViewでTableViewRowの削除と移動を同時に行う方法
/*
* TableView.editingとTableView.movingをtrueにしても、
* 後にtrueにした方のアイコンが描画がされなくて困った件(解決済み)。
*
* 解決策:TableViewRow.moveableをtrueに設定し、TableView.editingをtrueにするだけ。
* この際に、TableView.movingをtrueにしなくても移動アイコンも表示されます。
* ※Kitchen Sinkのtable_view_edit_and_move.jsにやり方が書いてました。
*
*/
function Window() {
var win = Ti.UI.createWindow();
var btnEdit = Ti.UI.createButton({
title : 'Edit',
});
var btnCancel = Ti.UI.createButton({
title : 'cancel',
});
var table = Ti.UI.createTableView();
var data = [];
for (var i=0; i<10; i++) {
var row = Ti.UI.createTableViewRow({
title : 'row ' + i,
height : 44,
moveable : true, // 必須
className : 'testrow',
});
data.push(row);
}
// Event
btnEdit.addEventListener('click', function(e){
self.rightNavButton = btnCancel;
//table.moving = true; // これを入れると削除アイコンが同時に描画されない
table.editing = true;
});
btnCancel.addEventListener('click', function(e){
self.rightNavButton = btnEdit;
//table.moving = false; // これを入れると削除アイコンが同時に描画されない
table.editing = false;
});
table.setData(data);
win.add(table);
win.rightNavButton = btnEdit;
return win;
}
module.exports = Window;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment