Appcelerator ScrollView和TableView在一个窗口中

时间:2011-03-02 10:33:40

标签: iphone titanium appcelerator appcelerator-mobile

我有一个Window,我希望在顶部有一个ScrollableView,在底部区域有一个TableView。怎么做?

我有以下代码:

var currentWin = Ti.UI.currentWindow;

var dbdata = [
    { title: '' + man.fieldByName('manufacturer') + '', header: 'Manufacturer' },
    { title: '' + rows.fieldByName('series') + '', header: 'Series' },
    { title: '' + rows.fieldByName('engine') + '', header: 'Engine' },
    { title: '' + rows.fieldByName('horsepower') + '' , header: 'Horsepower' },
    { title: '' + rows.fieldByName('yearfrom') + ' to ' + rows.fieldByName('yearto') + '' , header: 'Year' },
    { title: '' + rows.fieldByName('types') + '' , header: 'Engine Type' }
];

var tableView = Ti.UI.createTableView({
    data: dbdata,
    top: 156
});


var image1      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image1.jpg'});
var image2      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image2.jpg'});
var image3      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image3.jpg'});
var image4      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image4.jpg'});
var image5      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image5.jpg'});
var image6      = Ti.UI.createView({width:320,height:156,backgroundImage:'../images/gallery/bmw3er/image6.jpg'});

var scrollView = Ti.UI.createScrollableView({
    views:[image1,image2,image3,image4,image5,image6],
    showPagingControl:true,
    clipViews:false,
    top:0,
    left:30,
    right:30,
    width:320,
    height:156,
    opacity:0
});

currentWin.add(tableView);
currentWin.add(scrollView);

但是当我使用上面的代码时,只显示我的tableView。当我只使用currentWin.add(scrollView)并删除currentWIn.add(tableView)时,会显示scrollView - 但从不同时 - 为什么?!?!?

注意:我已从代码示例中删除了数据库查询!!!

希望你能帮忙吗?

谢谢, 的Sascha

1 个答案:

答案 0 :(得分:1)

opacity: 0函数调用中删除以下参数Ti.UI.createScrollableView

的问候。 阿敦