效果：

?

Titanium中列表顯示需要創(chuàng)建TableView

var tableView = Ti.UI.createTableView({style: Ti.UI.iPhone.TableViewCellSelectionStyle.NONE //TableView樣式});

TableView的每一個行叫做TableViewRow

設置TableViewRow的hasChild為true便可顯示這樣的效果：

點擊HasChild行進入列表顯示畫面（圖2）需要添加點擊事件

tablerow.addEventListener('click', function(){
　　　　 //Titanium中自定義一個事件tablerow.fireEvent('hasChildClicked', { operation: 'fieldChild'});});

捕捉這個事件

view.addEventListener('hasChildClicked', function(e) {navGroup.open(tableView);//使用NavigationGroup打開列表顯示畫面tableView });

?

然后再列表顯示數(shù)據(jù)

//創(chuàng)建TableViewRow的方法
self.createTableRow = function(i) {var tablerow = Ti.UI.createTableViewRow();tablerow.height = 50;//行高度tablerow.setTitle("TableViewRow"+i);//顯示名稱return tablerow;};var rows = [];//存儲tableView數(shù)據(jù)的數(shù)組for (var i = 0; i < 20; i++) {rows.push(self.createTableRow(i));}tableView.setData(rows);self.add(tableView);

?

TableViewRow的屬性hasCheck控制該行是否被選中，類似于HTML的Checkbox控件的checked的屬性

　　　　 //每一行增加點擊事件，控制其選中狀態(tài)
tablerow.addEventListener('click', function(){if(tablerow.getHasCheck()){tablerow.setHasCheck(false);}else{tablerow.setHasCheck(true);}});

?

?

轉(zhuǎn)載于:https://www.cnblogs.com/archie2010/archive/2012/07/08/2581850.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的Titanium 列表显示TableView的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。