javascript - 从 Titanium Mobile 中的 TableView 打开新窗口

Question

我在钛移动中创建了一些应用程序，用于在用户单击 TableView 中的一行时打开一个窗口..

这是我的代码:

菜单.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？之前谢谢..

Answer 1

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

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