NavigationGroup inside a Tab in a TabGroup (bis)

You must Login before you can answer or comment on any questions.

To follow up [101351]: http://developer.appcelerator.com/question/101351/navigationgroup-inside-a-tab-in-a-tabgroup) navigationgroup inside a tabgroup

I tested the following code and it raises an very strange error:

[ERROR] Script Error = Result of expression 'Titanium.UI.iPhone.createNavigationGroup' [undefined] is not a function. at win.js (line 9).

Incomprehensible!! I already spent 3 hours on it ... without success.

Thanks for help.

app.js

var tabGroup = Titanium.UI.createTabGroup();
var win1 = Titanium.UI.createWindow({
    url:'win1.js',
        title:'win1'
});
var tab1 = Titanium.UI.createTab({  
    icon:'win1.png',
    title:'win1',
    window:win1
});
tabGroup.addTab(tab1);  
tabGroup.open();
win1.js
var win = Ti.UI.currentWindow;
 
var win2 = Titanium.UI.createWindow({
    url:'win2.js',
        title:'win2'
});
 
var nav = Titanium.UI.iPhone.createNavigationGroup({
    window:win
});
nav.add(win2);
 
win.add(nav);
win.open();
 
...
win2.js
var win = Titanium.UI.currentWindow;
 
var l1 = Titanium.UI.createLabel({
    text:'Lorem Ipsum is simply dummy text',
    height:100,
    width:250,
    color:'#000',
    top:100,
    textAlign:'center'
});
 
win.add(l1);

3 Answers

Accepted Answer

// app.js
var tabGroup = Titanium.UI.createTabGroup();
var baseWindow = Titanium.UI.createWindow({
    navBarHidden:true,
    title:'base window'
});
var win1 = Titanium.UI.createWindow({
    url:'win1.js',
    title:'win1',
});
 
var nav = Titanium.UI.iPhone.createNavigationGroup({
    window:win1,
});
baseWindow.add(nav);
 
// set navGroup so we can push new window into the group
win1._navGroup = nav;
 
var tab1 = Titanium.UI.createTab({  
    icon:'win1.png',
    title:'tab with nav',
    window:baseWindow
});
 
// -- SECOND TAB, for completeness
var win4tab2 = Titanium.UI.createWindow({
    title:'win4tab2',
});
 
var tab2 = Titanium.UI.createTab({  
    title:'tab2',
    window:win4tab2
});
 
tabGroup.addTab(tab1);  
tabGroup.addTab(tab2);  
tabGroup.open();
// -- win1 --
var win = Titanium.UI.currentWindow;
 
var data = [{title:'item one'},{title:'item two'},{title:'item three'}]
var table = Titanium.UI.createTableView({
    data: data
}); 
win.add(table);
 
table.addEventListener('click', function(e){
    var win2 = Titanium.UI.createWindow({
        title:e.row.title
    });
    win._navGroup.open(win2);
});

I deleted everything under build/iphone and the error is no longer raised.

But the code crashes the app :(

Hi everybody and thanks for this beautiful framework.

Sorry it's an old Post but can you help me ?

I search to add win3.js with this system. Do you understand what i want to do ?

Sorry for my poor english.

Thanks in advance.

Romain

Your Answer

Think you can help? Login to answer this question!