如何從一個js頁面導航到另一個js頁面單擊按鈕

Question

我在mac os x中使用的鈦更新穎。

我現在用鈦第一時間，不要對JS網頁和動作事件的

我設置鈦和添加按鈕，任何知識。在按鈕點擊我需要導航到另一個頁面JS

var btn = Ti.UI.createButton({ 

     left:10, 
     top:100,   
     height:'40', 
     width:'80', 
     title:'login', 
     color:'auto' 
    } 
) 
    self.add(lbl); 

    btn.addEventListener('click',function() { 
    } 
     ) 

讓例如，考慮第二個JS頁面login.js頁

當我點擊按鈕，我需要login.js頁

導航影響！

@謝謝提前

Answer 1

下面的代碼使用

var btn = Ti.UI.createButton({ 
     left:10, 
     top:100,   
     height:'40', 
     width:'80', 
     title:'login', 
     color:'auto' 
}); 
self.add(btn); 

btn.addEventListener('click',function() { 
    var win = Titanium.UI.createWindow({ 
     url:'login.js', 
     title:'Login' 
    }); 

    Titanium.UI.currentTab.open(win,{animated:true}); //if you used tabbar in your app 
    win.open(win,{animated:true}); //if you don't have tabbar in your app 
}); 

希望這有助於你

Answer 2

此代碼可以幫助你

功能ApplicationWindow（）{

//declare module dependencies 

var All = require('ui/common/All'); 

    Tree = require('ui/common/Tree'); 

    EBOM = require('ui/common/E-BOM'); 

    MBOM = require('ui/common/M-BOM'); 

    SBOM = require('ui/common/S-BOM'); 

//create object instance 

var self = Ti.UI.createWindow({ 

    title:'Products', 

    exitOnClose:true, 

    navBarHidden:true, 

    backgroundColor:'#ffffff', 
    ///////////////////////////////////////////////////////////////////////////// 

    activity: { 

     onCreateOptionsMenu: function(e) { 

      var menu = e.menu;  

      var menuItem = menu.add({ title: "C-BOM", icon: 'Arrow-Hover.jpg' }); 

      //menuItem.setIcon("Arrow-Hover.jpg"); 

      menuItem.addEventListener("click", function(e) { 

       var all = new All(); 

         self.add(all); 
      }); 



      var menuItem = menu.add({ title: "ALL-BOM" }); 

      menuItem.setIcon("images/refresh_icon.png"); 

      menuItem.addEventListener("click", function(e) { 

        var tree = new Tree(); 

         self.add(tree); 
      }); 


      var menuItem = menu.add({ title: "E-BOM" }); 

      menuItem.setIcon("images/refresh_icon.png"); 

      menuItem.addEventListener("click", function(e) { 

        var ebom = new EBOM(); 

         self.add(ebom); 
      }); 

      var menuItem = menu.add({ title: "M-BOM" }); 

      menuItem.setIcon("images/refresh_icon.png"); 

      menuItem.addEventListener("click", function(e) { 

        var mbom = new MBOM(); 

         self.add(mbom); 
      }); 

      var menuItem = menu.add({ title: "S-BOM" }); 

      menuItem.setIcon("images/refresh_icon.png"); 

      menuItem.addEventListener("click", function(e) { 

        var sbom = new SBOM(); 

         self.add(sbom); 
      }); 

      var menuItem = menu.add({ title: "Logout" }); 

      menuItem.setIcon("Arrow-Hover.jpg"); 

      menuItem.addEventListener("click", function(e) { 

       alert("Logout"); 

      }); 

      } 

      } 

    ///////////////////////////////////////////////////////////////////////////// 

}); 

var webview = Titanium.UI.createWebView({ 

    url:'/ui/common/Login.html' 

    }); 

self.add(webview); 


return self; 

};

module.exports = ApplicationWindow;