如何将js文件添加到titanium mobile项目中

Question

我在一个简单的 Titanium Mobile 项目中不断收到以下错误：

Location:
app.js

Message:
Uncaught ReferenceError: tab2 is not defined

Source: tabGroup.addTab(tab2);

这是我的 app.js 文件中的代码：

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

// create the window

var win1 = Ti.UI.createWindow({
width: 320,
height: 440,
top: 0,
left: 0,
backgroundImage: 'background.png',
title: 'loan calculator',
barImage: 'navbar.png'
});

 // creat the view, this will hold all of our UI controls
// note the hight of this view is the height of the window
// minus 134px for the status bar and padding and adjusted for navbar

var view = Ti.UI.createView({
width: 300,
height: win1.height - 134,
left: 10,
top: 10,
backgroundColor: '#fff',
borderRadius: 5
});

// we will give the logo a left margin so it centers neatly
// within our view

var _logoMarginLeft = (view.width - 253) / 2;

// now let's add our logo to an imageview and add that to our 
// view object

 var logo = Ti.UI.createImageView({
backgroundImage: 'logo.png',
width: 253,
height: 96,
left: _logoMarginLeft,
top: 0
  });

 view.add(logo);

 // add the view to our window

 win1.add(view);

// add the first tab and attach our window object (win1) to it

var tab1 = Ti.UI.createTab({
icon: 'icon_calculator.png',
title: 'Calculate',
window: win1
  });

 // create the second window for settings tab

 var win2 = Ti.UI.createWindow({
width: 320,
height: 440,
top: 0,
left: 0,
backgroundImage: 'background.png',
url: 'window2.js',
title: 'Settings',
barImage: 'navbar.png'
  });


  // now add the tabs to our tabGroup object

   tabGroup.addTab(tab1);
   tabGroup.addTab(tab2);

  // open the tabgroup to launch the app

  tabGroup.open();

这是我的 window2.js 中的代码：

 // add the second tab and attach our external window object
 // (win2 / window2.js) to it

 var tab2 = Ti.UI.createTab({
icon: 'icon_settings.png',
title: 'Settings',
window: win2
});

如何解决此问题？

Answer 1

为什么 tab2 创建从 app.js 转移到 window2.js？您想通过此更改实现什么目标？

Tab1 构造正确... tabGroup 包含选项卡 (tab1)，该选项卡是作为窗口 (window1) 的容器创建的。第二个选项卡的创建顺序错误。

另外，当您使用 createWindow 的 url 形式时，它会创建一个全新的上下文。该窗口内的项目无法访问父范围，反之亦然。

最后，作为额外的好处，app.js 可能会在 window2.js 执行之前完成。 URL 加载是异步的，并且上下文创建需要时间，因此即使可以跨上下文访问，tab2 在添加到选项卡组时很可能尚未创建。我在这些时间问题上得到了很多“乐趣”......