Titanium 列表显示TableView

效果：

Titanium中列表显示需要创建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

});

然后再列表显示数据

    //创建TableViewRow的方法    self.createTableRow = function(i) {var tablerow = Ti.UI.createTableViewRow();tablerow.height = 50;//行高度tablerow.setTitle("TableViewRow"+i);//显示名称return tablerow;};var rows = [];//存储tableView数据的数组for (var i = 0; i < 20; i++) {rows.push(self.createTableRow(i));}tableView.setData(rows);self.add(tableView);

TableViewRow的属性hasCheck控制该行是否被选中，类似于HTML的Checkbox控件的checked的属性

　　　　 //每一行增加点击事件，控制其选中状态        tablerow.addEventListener('click', function(){if(tablerow.getHasCheck()){tablerow.setHasCheck(false);}else{tablerow.setHasCheck(true);}});

转载于:https://www.cnblogs.com/archie2010/archive/2012/07/08/2581850.html

Titanium 列表显示TableView相关推荐

titanium开发教程-04-10移动rows
android无法运行 // this sets the background color of the master UIView (when there are no windows/tab gr ...
【iOS7一些总结】9、与列表显示（在）：列表显示UITableView
列表显示,顾名思义它是在一个列表视图的形式显示在屏幕上的数据的内容.于ios在列表视图UITableView达到.这个类在实际应用中频繁,是很easy理解.这里将UITableView的主要使用方法总 ...
跨平台移动开发工具:PhoneGap与Titanium全方位比拼
PhoneGap和Appcelerator Titanium,对于封装和配置移动应用程序而言,二者都是非常受欢迎的开源JavaScript框架.本文为Appcelerator开发者Kevin Whin ...
知识点回顾-简单的TableView单组数据展示/多组数据展示
1 拖入TableView到UIView中,连线DataSource 2 3 1.实现数据源方法 4 - (NSInteger)tableView:(UITableView *)tableView n ...
((ios开发学习笔记九)) Simple TableView 实现（附实例源码）
实现效果: 实现过程: Step One 创建单个窗体项目 Step Two 创建control 接口 Step Three 创建窗体和关联关系 Step four 实现table view 的接口 ...
xcode 4.3.2 use storyboard创建TableView
xcode 4.3.2 use storyboard 使用TableView,显示一个颜色列表,表格包括一张图片,一个文本,一行副文本. TableView 呈现列表格式的数据,每一行是一个UITab ...
取消tableView多余的横线
- (void)setExtraCellLineHidden: (UITableView *)tableView{ UIView *view = [UIView new]; view. ...
优雅地分离tableview回调
你是否遇到过这样的需求,在tableview中显示一列数据,点击某一个cell时,在此cell下显示相应的附加信息.如下图: 你是不是觉得需求很容易实现,只要使用tableview的insertRow ...

Titanium 列表显示TableView

Titanium 列表显示TableView相关推荐

最新文章

热门文章