Titanium：无法切换标签，关闭标签，除当前标签以外的任何内容

Question

我尝试的一切都没有做任何事，没有错误，信息，任何事情。所以我有三个选项卡，第一个是登录选项卡，每个选项卡都有自己的.js代码，例如，登录有自己的login.js。现在，我使用httpClient进行身份验证回到我们的网站，现在想要删除登录选项卡并显示其他选项卡，无法让它为我的生活工作，我现在可以删除登录选项卡但是无法加载其他标签。让我疯了，因为我找到了20个例子，但他们要么不将标签分成他们自己的.js文件，要么简单的例子对我不起作用。救命！这看起来很基本但是......

app.js

    // this sets the background color of the master UIView (when there are no windows/tab groups on it)
    Titanium.UI.setBackgroundColor('#000');

    // create tab group
    var tabGroup = Titanium.UI.createTabGroup();


    // create base UI tab and root window
    //
    var scan = Titanium.UI.createWindow({  
        title:'Scan',
        backgroundColor:'#fff',
        url:'scan.js',
        mylabel:'Hello Scan'
    });

    var tab1 = Titanium.UI.createTab({  
        icon:'KS_nav_views.png',
        title:'Scan',
        window:scan
    });

    var login = Titanium.UI.createWindow({  
        title:'User Authentication',  
        tabBarHidden:true,  
        url:'login.js'  
    });  

    var loginTab = Titanium.UI.createTab({  
        title:"Login",  
        window:login  
    });  

    //
    // create controls tab and root window
    //
    var win2 = Titanium.UI.createWindow({  
        title:'Manual',
        backgroundColor:'#fff'
    });
    var tab2 = Titanium.UI.createTab({  
        icon:'KS_nav_ui.png',
        title:'Manual',
        window:win2
    });

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

    win2.add(label2);


    //
    //  add tabs
    //
    tabGroup.addTab(loginTab); 
    tabGroup.addTab(tab1);  
    tabGroup.addTab(tab2); 


    // open tab group
    tabGroup.open();

login.js

    var win = Titanium.UI.currentWindow;  
    var tabGroup = Ti.UI.currentWindow.tabGroup;

    var appUrl = "http://localhost:3001/ticket_agents/sign_in";

    var email = Titanium.UI.createTextField({  
        color:'#336699',  
        top:10,  
        left:10,  
        width:300,  
        height:40,  
        hintText:'Email',  
        keyboardType:Titanium.UI.KEYBOARD_DEFAULT,  
        returnKeyType:Titanium.UI.RETURNKEY_DEFAULT,  
        borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED  
    });  
    win.add(email);  

    var password = Titanium.UI.createTextField({  
        color:'#336699',  
        top:60,  
        left:10,  
        width:300,  
        height:40,  
        hintText:'Password',  
        passwordMask:true,  
        keyboardType:Titanium.UI.KEYBOARD_DEFAULT,  
        returnKeyType:Titanium.UI.RETURNKEY_DEFAULT,  
        borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED  
    });  
    win.add(password);  

    var loginBtn = Titanium.UI.createButton({  
        title:'Login',  
        top:110,  
        width:90,  
        height:35,  
        borderRadius:1,  
        font:{fontFamily:'Arial',fontWeight:'bold',fontSize:14}  
    });  


    var loginReq = Titanium.Network.createHTTPClient({  

         onload : function(e)  { 
            var json = this.responseText;  
            var response = JSON.parse(json); 
            Ti.API.info("Received text: " + this.responseText);
            if (response.id > 0)
            {
                alert("login Success");
                win.tabGroup.close();
                tabGroup.removeTab(loginTab);
                tabGroup.setActiveTab(2);
                tabGroup.open();
            }
            else
            {
                alert("Unknown login error");
            }
        },  

        onerror : function(e) {
            var response = this.responseText;
            Ti.API.debug(e.error);
            alert('error: ' + this.responseText);
        },
        timeout : 5000
    });

    loginBtn.addEventListener('click',function(e)  
    {  
        if (email.value != '' && password.value != '')  
        {  
            loginReq.open("POST",appUrl);  
            var params = {ticket_agent: {email: email.value, password: password.value, remember_me: 0} 
            }; 
            var authstr = 'Basic ' + Titanium.Utils.base64encode(email.value + ':' + password.value);
            loginReq.setRequestHeader("Content-Type", "application/json; charset=utf-8");
            loginReq.setRequestHeader('Authorization', authstr);
            loginReq.send(JSON.stringify(params));  
        }  
        else  
        {  
            alert("Email/Password are required");  
        }  
    });  


    win.add(loginBtn);

我认为这就是你需要看到的全部内容，login.js有我的最新尝试，但我尝试了像tabGroup.open（{url：'app.js'}）和我们的其他四个选项。感谢。

Answer 1

您可能希望将此eventListener添加到tabGroup所在的app.js。 然后，您可以从任何地方发起“app：gotoTab”事件。

<强> app.js

Ti.App.addEventListener('app:gotoTab', function(e) {
    tabGroup.setActiveTab(e.tab);
});

<强> login.js

// tab index starts with 0, so 0 is your first tab
Ti.App.fireEvent('app:gotoTab', { tab: 0 });

Answer 2

简单复制粘贴此代码 Login.js

var win = Titanium.UI.currentWindow;  

    var appUrl = "http://localhost:3001/ticket_agents/sign_in";

    var email = Titanium.UI.createTextField({  
        color:'#336699',  
        top:10,  
        left:10,  
        width:300,  
        height:40,  
        hintText:'Email',  
        keyboardType:Titanium.UI.KEYBOARD_DEFAULT,  
        returnKeyType:Titanium.UI.RETURNKEY_DEFAULT,  
        borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED  
    });  
    win.add(email);  

    var password = Titanium.UI.createTextField({  
        color:'#336699',  
        top:60,  
        left:10,  
        width:300,  
        height:40,  
        hintText:'Password',  
        passwordMask:true,  
        keyboardType:Titanium.UI.KEYBOARD_DEFAULT,  
        returnKeyType:Titanium.UI.RETURNKEY_DEFAULT,  
        borderStyle:Titanium.UI.INPUT_BORDERSTYLE_ROUNDED  
    });  
    win.add(password);  

    var loginBtn = Titanium.UI.createButton({  
        title:'Login',  
        top:110,  
        width:90,  
        height:35,  
        borderRadius:1,  
        font:{fontFamily:'Arial',fontWeight:'bold',fontSize:14}  
    });  


    var loginReq = Titanium.Network.createHTTPClient({  

         onload : function(e)  { 
            var json = this.responseText;  
            var response = JSON.parse(json); 
            Ti.API.info("Received text: " + this.responseText);
            if (response.id > 0)
            {
                alert("login Success");
                tabGroup.setActiveTab(2);

            }
            else
            {
                alert("Unknown login error");
            }
        },  

        onerror : function(e) {
            var response = this.responseText;
            Ti.API.debug(e.error);
            alert('error: ' + this.responseText);
        },
        timeout : 5000
    });

    loginBtn.addEventListener('click',function(e)  
    {  
        if (email.value != '' && password.value != '')  
        {  
            loginReq.open("POST",appUrl);  
            var params = {ticket_agent: {email: email.value, password: password.value, remember_me: 0} 
            }; 
            var authstr = 'Basic ' + Titanium.Utils.base64encode(email.value + ':' + password.value);
            loginReq.setRequestHeader("Content-Type", "application/json; charset=utf-8");
            loginReq.setRequestHeader('Authorization', authstr);
            loginReq.send(JSON.stringify(params));  
        }  
        else  
        {  
            alert("Email/Password are required");  
        }  
    });  


    win.add(loginBtn);

嘿罗斯，你永远记得window.close完美地关闭了儿童之窗。

在此应用程序中。您可以使用单个Window base Application。 如果，在第一个窗口中成功登录，则可以打开第二个子窗口。

有关详细信息，您可以使用KICHEN Shink示例。这对你非常有用。

Answer 3

您可能想重新设计自己的用户界面。 Apple Human Interface Guidelines特别指出，您不应以编程方式切换选项卡或添加/删除选项卡。他们希望只有用户将标签组放在它们前面时才能控制标签组。

如果用户需要先登录才能使用应用程序的其他功能，则可以在带有选项卡组的窗口之前显示登录窗口。否则，您应该在成功登录后用其他内容替换登录选项卡的内容，可能包含用户个人资料信息或一些说明。