3

我有一个使用 Alloy 框架在 Titan SDK 3.02 中构建的项目。它是一个选项卡式应用程序,我想从 tab1 内的按钮更改 tab2 的视图

tab1.xml

...
    <Button id="button" onClick="setup">
...

tab1.js

function setup(){
    //this doesn't work
    var view = Alloy.createController('tab2');
    view.changeBackground('blue');
    $.tabGroup.setActiveTab(1);
}

tab2.xml

...
    <View id="view" backgroundColor="red">
...

tab2.js

...
    exports.changeBackground = function(color){
        $.view.backgroundColor = color;
        //this runs eg
        Ti.API.info('function running');
    }

我明白为什么这行不通。我正在创建一个从未添加到视图中的控制器的新实例。但我想访问现有的控制器。我努力了

var view = require('tab2');
view.changeBackground('blue');

但这给了我一个“找不到模块错误”。我希望这是有道理的

谢谢

4

2 回答 2

2

解决了

将 tab2 中的函数设置为 Alloy.Global 就可以了。

tab1.xml

...
    <Button id="button" onClick="setup">
...

tab1.js

function setup(){
    var changeBackgroundColor = Alloy.Globals.changeBackgroundColor;
    changeBackgroundColor('blue');
    $.tabGroup.setActiveTab(1);
}

tab2.xml

...
    var changeBackground = function(color){
        $.view.backgroundColor = color;
    }
    Alloy.Global.changeBackGroundColor = changeBackground;
...
于 2013-03-25T21:23:07.550 回答
0

这是一种方式。另一个(恕我直言更好,因为您避免使用 Global)更简单。您只需执行以下操作即可访问该选项卡:

function setup(){
    //This DOES work.
    // Just keep in mind that you must use the tab index corresponding to your tab.
    // Also, If your view actually uses a window and the tab is on your TabGroup view,
    // you should do $.tabGroup.tabs[1].window.
    var view = $.tabGroup.tabs[1]; 
    view.changeBackground('blue');
    $.tabGroup.setActiveTab(1);
}
于 2013-10-26T16:03:43.220 回答