钛标签组答案

【问题标题】：Titanium TabGroup钛标签组
【发布时间】：2012-04-07 04:54:32
【问题描述】：

我在使用 tabGroups 时遇到问题。我创建了一个新应用（这是我的第一个应用），当我点击表格中的一个选项时，我正在调用：

win.open(win,{annimated:true});

问题是页面顶部没有选项卡可以返回到我所在的位置。所以我需要使用标签组。我的问题是我不确定如何使用它们。当我将上述内容替换为：

Ti.UI.currentTab.open(win);

我收到一个错误，即 currentTab 未定义。如何启用 tabGroups？我有另一个名为 AppTabGroup.js 的文件，其中包含： var self = Ti.UI.createTabGroup();在里面，但我不知道如何使用它。

下面是整个页面，以防我在做一些偏离基础的事情。

函数应用程序窗口（标题）{ var self = Ti.UI.createWindow({ 标题：标题，背景颜色：'白色' });

var data = [

{ title:"Catalog", hasChild:true, test:'ui/CatalogWindow.js', header:'' },
{ title:"Service Calculator", hasChild:true, header:'' }
];

var tableview = Titanium.UI.createTableView({
data:data,
style:Titanium.UI.iPhone.TableViewStyle.GROUPED
});

tableview.addEventListener('click', function(e)
{
    if (e.rowData.test)
    {
        var win = 
    Titanium.UI.createWindow({
        url:e.rowData.test,
        title:e.rowData.title
    });
    win.open(win,{annimated:true});
}

}); self.add(tableview);

return self;

};

module.exports = AppWindow;

【问题讨论】：

标签： javascript appcelerator

【解决方案1】：

你并不孤单。其他人（包括我自己）对 Ti.UI.currentTab 未定义感到困惑：

http://developer.appcelerator.com/question/98501/titaniumuicurrenttab-is-null

我过去解决此问题的方法是将包含选项卡传递给窗口，以便它可以使用该引用打开另一个窗口。所以在你的例子中，AppTabGroup.js 看起来像：

var AppWindow = require('src/AppWindow');

var self = Ti.UI.createTabGroup();

//create app tabs
var appTab = Ti.UI.createTab({
    title : L('app'),
    icon : '/images/app_tab.png',
    window : AppWindow
});
AppWindow.setContainingTab(appTab);

然后在 AppWindow.js 中：

exports.setContainingTab = function(tab) {
    containingTab = tab;
}
var win = Titanium.UI.createWindow({
    url:e.rowData.test,
    title:e.rowData.title
});

containingTab.open(win);

【讨论】：