Перемещение одного окна к другому в титане

Question

моего app.js

// this sets the background color of the master UIView (when there are no windows/tab groups on it) 
Titanium.UI.setBackgroundColor('#000'); 

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


// 
// create base UI tab and root window 
// 
var homeWindow = Titanium.UI.createWindow({ 
    backgroundColor:'#fff', 
    url:'home.js', 
    backgroundImage:'appImage/background.png', 
    navBarHidden:true 
}); 
var homeTab = Titanium.UI.createTab({ 
    icon:'appImage/home.png', 
    size:{height:10,width:10}, 
    title:'Home', 
    backgroundColor:'#999', 
    window:homeWindow 
}); 



// 
// create controls tab and root window 
// 
var win2 = Titanium.UI.createWindow({ 
    title:'Tab 2', 
    backgroundColor:'#fff', 
    url:'win2.js' 
}); 
var tab2 = Titanium.UI.createTab({ 
    icon:'KS_nav_ui.png', 
    title:'Tab 2', 
    window:win2 
}); 

//win2.add(label2); 

// win3 
var win3 = Titanium.UI.createWindow({ 
    title:'Tab 2', 
    backgroundColor:'#fff', 
    url:'win3.js' 
}); 
var tab3 = Titanium.UI.createTab({ 
    icon:'KS_nav_ui.png', 
    title:'Tab 3', 
    window:win3 
}); 


//win3.add(label2); 


// win4 

var win4 = Titanium.UI.createWindow({ 
    title:'Tab 2', 
    backgroundColor:'#fff', 
    url:'win4.js' 
}); 
var tab4 = Titanium.UI.createTab({ 
    icon:'KS_nav_ui.png', 
    title:'Tab 4', 
    window:win4 
}); 

//win5 

var win5 = Titanium.UI.createWindow({ 
    title:'Tab 5', 
    backgroundColor:'#fff', 
    url:'win5.js' 
}); 
var tab5 = Titanium.UI.createTab({ 
    icon:'KS_nav_ui.png', 
    title:'Tab 5', 
    window:win5 
}); 

//win6 

var win6 = Titanium.UI.createWindow({ 
    title:'Tab 6', 
    backgroundColor:'#fff', 
    url:'win6.js' 
}); 
var tab6 = Titanium.UI.createTab({ 
    icon:'KS_nav_ui.png', 
    title:'Tab 6', 
    window:win6 
}); 


// 
// add tabs 
// 
tabGroup.addTab(homeTab); 
tabGroup.addTab(tab2); 
tabGroup.addTab(tab3); 
tabGroup.addTab(tab4); 
tabGroup.addTab(tab5); 
//tabGroup.addTab(tab6); 



// open tab group 
tabGroup.open(); 

Моего home.js

var txtLogoImage = Ti.UI.createImageView({ 
    image:'appImage/txtLogo.png', 
    height:30, 
    width:170, 
    top:15, 

}); 

var loginButton = Ti.UI.createButton({ 
    title: 'Login', 
    //image:'appImage/atm.png', 
    backgroumdImage:'appImage/buttonbg.png', 
    top: 90, 
    height:30, 
    width:170, 

}); 

loginButton.addEventListener('click',function(event){ 
    //How can I go to the win2??? 
}); 

var atmLocatorButton = Ti.UI.createButton({ 
    title: 'ATM Locator', 
    top: 130, 
    height:30, 
    width:170 
}); 

var branchLocatorButton = Ti.UI.createButton({ 
    title: 'Branch Locator', 
    top: 170, 
    height:30, 
    width:170 
}); 


var cityTouchLogoImage = Ti.UI.createImageView({ 
    image:'appImage/citytouchlogo.png', 
    top:250, 
    left:'150', 
    height:100, 
    widht:250 
}); 

Ti.UI.currentWindow.add(txtLogoImage); 
Ti.UI.currentWindow.add(loginButton); 
Ti.UI.currentWindow.add(atmLocatorButton); 
Ti.UI.currentWindow.add(branchLocatorButton); 
Ti.UI.currentWindow.add(cityTouchLogoImage); 

Когда кто-то нажмет на loginButton, я хочу, чтобы переместить win2 (TAB2). Как мне это сделать?

Answer 1

Если вы хотите переключить вкладки из любого места, добавить к этому, где определяется ваш tabGroup, в этом случае ваши app.js:

Ti.App.addEventListener('app:gotoTab', function(e) { 
    tabGroup.setActiveTab(e.tab); 
}); 

добавьте в ваш логин EventListener:

// tab index starts with 0, so 0 is your first tab 
Ti.App.fireEvent('app:gotoTab', { tab: 1 });