如何在钛中单击按钮加载另一个js文件 [英] How to load another js file on a button click in titanium

问题描述

我有 App.js

(function() {       
    Window = require('ui/tablet/ApplicationWindow');

    }
    new Window().open();
    })();

从那里加载 ApplicationWindow.js.
在 ApplicationWindow.js

function ApplicationWindow() {
    //load component dependencies
    var FirstView = require('ui/common/FirstView');

    //create component instance
    var self = Ti.UI.createWindow({
        backgroundColor:'#ffffff'
    });
    var win2 = Titanium.UI.createWindow({
    backgroundColor: 'red',
    title: 'Red Window'
    }); 

    //construct UI
    var firstView = new FirstView();
    var nav = Titanium.UI.iPhone.createNavigationGroup({
    window: win2
    });
    win2.add(firstView);
    self.add(nav);
    self.open();
    //self.add(firstView);
    if (Ti.Platform.osname === 'ipad') {
        self.orientationModes = [Ti.UI.LANDSCAPE_LEFT] ;
    };
    return self;
}

//make constructor function the public component interface
module.exports = ApplicationWindow;

我在 FirstView.js 中得到一个带有 2 个文本字段和一个按钮登录的视图.该视图有一个标题为 Red Window 的导航栏.我想在 loginButton 单击上加载 Home.js.这是 loginButtonClick 代码:

I get a view with 2 textfields and a button login in FirstView.js.The view has a navigation bar with title Red Window. I want to load Home.js on loginButton Click. Here is the loginButtonClick Code :

  loginButton.addEventListener ('click', function(e){
          //navigate to Home.js
      }); 

我该怎么做.谁能帮帮我.

How can I do that.Can anyone please help me out.

推荐答案

在当前文件中尝试以下方法

Try the following method in your current file

loginButton.addEventListener('click', function(e){
    var win = Ti.UI.createWindow({
        backgroundColor : 'white',
        url             : 'home.js' //Path to your js file
    });
    win.open();
});

home.js

var myWin = Ti.UI.currentWindow;
//You can add your controls here and do your stuff.
// Note that never try to open myWin in this page since you've already opened this window

你也可以试试下面的方法

You can also try the following method

方法二

//In your current page
loginbutton.addEventListener('click', function(e) {
    var Home = require('/ui/common/Home');
    var homePage = new Home();
    homePage.open();
});

您的 Home.js 文件

function Home() {
    var self = Ti.UI.createWindow({
        layout : 'vertical',
        backgroundColor:'white'
    });
    //Do your stuff here
    //Add other controls here

    return self;
}
module.exports = Home;

看看这个答案，它也和你的问题

这篇关于如何在钛中单击按钮加载另一个js文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！