从Titanium Mobile中的TableView打开新窗口

时间:2012-10-09 07:25:25

标签: javascript titanium titanium-mobile

我在钛金属移动设备中创建一些应用程序,当用户点击TableView中的一行时打开一个窗口。

这是我的代码:

Menu.js

function Menu() {
    Titanium.UI.setBackgroundColor('#000');

    var masterMenu = Titanium.UI.createTabGroup();

    var winMenu1 = Titanium.UI.createWindow({  
        title:'Menu 1',
        backgroundColor:'#fff'
    });
    var tabMenu1 = Titanium.UI.createTab({  
        icon:'KS_nav_views.png',
        title:'Menu 1',
        window:winMenu1
    });

    var menuData1 = [
        {title: 'Account', url: 'Account.js'}, 
        {title: 'Meetings', url: 'Meetings.js'} 
    ];

    var menuList1 = Ti.UI.createTableView({
      data: menuData1
    });

    menuList1.addEventListener('click', function(e) { 
        var newWindow = Titanium.UI.createWindow({ 
            url:e.rowData.url,
            title:e.rowData.title 
        }); 
        newWindow.open({
            animated:true
        });
    });

    winMenu1.add(menuList1);

    var winMenu2 = Titanium.UI.createWindow({  
        title:'Menu 2',
        backgroundColor:'#fff'
    });
    var tabMenu2 = Titanium.UI.createTab({  
        icon:'KS_nav_ui.png',
        title:'Menu 2',
        window:winMenu2
    });

    masterMenu.addTab(tabMenu1);  
    masterMenu.addTab(tabMenu2);  

    return masterMenu;
}

module.exports = Menu;

当用户点击某行时,它将根据menuData1上的url重定向并打开新窗口。例如,我点击了帐户行,它应该被重定向到Account.js。这是我的Account.js代码:

var win = Ti.UI.currentWindow;

var label1 = Titanium.UI.createLabel({
    color:'#999',
    text:'Close',
    font:{fontSize:20,fontFamily:'Helvetica Neue'},
    textAlign:'center',
    width:'auto'
});

label1.addEventListener('click', function() {
    win.close();
});

win.add(label1);

主要问题是Account.js中的label1没有在新窗口中打开,但显示在菜单列表中。 有谁知道如何在新窗口中打开Account.js?谢谢你..

1 个答案:

答案 0 :(得分:2)

尝试为您的窗口设置背景颜色:

menuList1.addEventListener('click', function(e) { 
    var newWindow = Titanium.UI.createWindow({ 
        backgroundColor: '#fff',
        url:e.rowData.url,
        title:e.rowData.title 
    }); 
    newWindow.open({
        animated:true
    });
});