0

我尝试的一切都什么都不做,没有错误,消息,真的什么。所以我有三个选项卡,第一个是登录选项卡,每个选项卡都有自己的.js 代码,例如,登录有自己的 login.js。现在,我使用 httpClient 对我们的网站进行身份验证,现在想删除登录选项卡并显示其他选项卡,无法让它为我的生活工作,我现在可以删除登录选项卡但无法加载任何其他选项卡。让我发疯,因为我找到了 20 个示例,但他们要么没有将选项卡分成自己的 .js 文件,要么只是简单的示例对我不起作用。帮助!这似乎很基本,但...

应用程序.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();

登录.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'}) 和其他四个选项中的大约三个。谢谢。

4

3 回答 3

1

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

应用程序.js

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

登录.js

// tab index starts with 0, so 0 is your first tab
Ti.App.fireEvent('app:gotoTab', { tab: 0 });
于 2013-09-11T17:26:25.213 回答
0

只需复制粘贴此代码 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 完美地在子窗口上工作。

在这个应用程序中。您可以使用单个窗口基础应用程序。如果,在第一个窗口登录成功然后,您可以打开第二个子窗口。

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

于 2012-08-30T09:32:41.613 回答
0

您可能想要重新设计您的 UI。Apple 人机界面指南明确指出,您不应以编程方式切换选项卡或添加/删除选项卡。他们希望标签组只有在您将其放在他们面前时才应由用户控制。

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

于 2012-09-07T16:22:58.327 回答