Trouble with in NavigationView

[WagsMax]

I have a list as an item in a NavigationView (the image on the left). However, using this layout, when I push a new View onto the NavigationView, the mainpanel-toolbar stays docked to the bottom and the new view slides in which has its own toolbar - very confusing, and not exactly what I want.

To fix it, I thought that if I group the list and the toolbar into a panel (MyPanel on the right) under the NavigationBar, the list (now named MyList1 by the ide) and the toolbar would slide out and the new View would replace both the list and the toolbar. When I do that, the ListView seems to break (ie. it does not show the list bound to the store). How do I organize the objects so that the List and the toolbar slide out together when a new View is pushed onto the NavigationView?

Capture1.PNGCapture2.PNG

[aconran]

I dont understand the exact problem. Could you share a simple project with us?

[WagsMax]

@conran: I cannot attach an .xda file. How is it possible to get you my project?

[Phil.Strong]

can you zip it up and attach?

[WagsMax]

I have attached a simple project that illustrates my problem.


Basically, when you press the Screen2 button, I want the list and toolbar on Screen 1 to be replaced by Screen 2 (a panel with a toolbar). The problem is, that Screen 1's toolbar stays on when it should be sliding out with the list and the rest of the screen. I know I am not doing something right in Designer, because I could do this when I was hand-coding in ST1.1.

[bharatn]

The right way would be to make toolbar docked child of the List which is a bug currently and will be fixed in next release.

For now you can hide/show the toolbar

So on tap of mybutton

button.up('navigationview').push({    xtype: 'screen2',    title: 'Screen 2'});button.up('toolbar').hide(); 

And add pop event handler on Navigation View

this.down('toolbar').show(); 

[hanank421]

Hi

I want help to write function to display a panel on itemtap.

In navigation view at same level i have a list and panel, so when i click on item in list i want a panel to be displayed.

I had used this function to go from one panel to another on button tap.
button.up('navigationview').push({ xtype: 'screen2', title: 'Screen 2'});

I want a function for itemtap to display a panel or carousel.

Thanks in advance.

Regards
Ankit

[hanank421]

What function to write to display panel on Itemtap

Hi

I want help to write function to display a panel on itemtap.

In navigation view at same level i have a list and panel, so when i click on item in list i want a panel to be displayed.

I had used this function to go from one panel to another on button tap.
button.up('navigationview').push({ xtype: 'screen2', title: 'Screen 2'});

I want a function for itemtap to display a panel or carousel.

Thanks in advance.

Regards
Ankit

[aconran]

Please avoid hijacking old threads.

It's unclear what you are asking for. Have you read the navigation view tutorial?
http://docs.sencha.com/architect/2/#...navigationview