Created
June 26, 2012 10:26
-
-
Save setou/2994886 to your computer and use it in GitHub Desktop.
Titanium MobileのTableViewでTableViewRowの削除と移動を同時に行う方法
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* 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