将事件监听器添加到 Titanium答案

【问题标题】：Add event listener to Titanium将事件监听器添加到 Titanium
【发布时间】：2013-01-12 18:22:27
【问题描述】：

我是 Titanium 和 Web 编程以及移动应用程序的新手。我想做简单的事件监听器。当我单击图像时，会打开另一个窗口。其他窗口必须是外部 .js 文件

var image=Ti.UI.createImageWiew({
image:'...............',
 })


image.addeventListener('click',function(){

//what do I write here?

 )

【问题讨论】：

标签： javascript dom-events appcelerator titanium-mobile appcelerator-mobile

【解决方案1】：

在你的监听器中写下这段代码：

image.addeventListener('click',function(){
    var window = Ti.UI.createWindow({
         url:'external.js' 
    });   
    Ti.UI.currentTab.open(window,{animated:true});

});

在你的 external.js 文件中写下这段代码：

var window = Ti.UI.currentWindow;
window.backgroundImage = 'your-bg-image';

如果你是使用 url 打开一个窗口，你不能这样做：

var win=Ti.UI.createWindow({ });

在你的 js 文件中。

【讨论】：

非常感谢。我有一个问题。我的 external.js 包含什么我写了这个 var win=Ti.UI.createWindow({ backgroundImage:' ' }) 它无法打开新窗口。
我想要简单的东西，我的 external.js 文件只显示 bakcground 图像

【解决方案2】：

var wndMyWindow = Ti.UI.createWindow({
     url             : 'ExternalFile.js',
     backgroundImage : 'mybackgroundImage.png'
}); 

wndMyWindow.open();

上面的代码将打开一个新窗口，这里你在打开窗口之前告诉背景图像。

如果你愿意，你可以在打开窗口后告诉这个，如下所示

ExternalFile.js

var wndMyWindow = Ti.UI.currentWindow;
wndMyWindow.backgroundImage = 'mybackgroundImage.png';//This will also set background image for your window

如果需要，您可以向此窗口添加其他控件。您可以添加这些控件，例如

wndMyWindow.add(yourControl);

也阅读this 链接。它将帮助您了解有助于处理不同文件的 commonJS 模块。

编程愉快:)

【讨论】：