1. #1
    Sencha User
    Join Date
    Dec 2011
    Location
    White Rock, BC Canada
    Posts
    161
    Vote Rating
    0
    WagsMax is on a distinguished road

      0  

    Default Trouble with in NavigationView

    Trouble with in NavigationView


    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

  2. #2
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,413
    Vote Rating
    129
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    I dont understand the exact problem. Could you share a simple project with us?
    Aaron Conran
    @aconran
    Sencha Architect Development Team

  3. #3
    Sencha User
    Join Date
    Dec 2011
    Location
    White Rock, BC Canada
    Posts
    161
    Vote Rating
    0
    WagsMax is on a distinguished road

      0  

    Default


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

  4. #4
    Sencha - Architect Dev Team Phil.Strong's Avatar
    Join Date
    Mar 2007
    Location
    Olney, MD
    Posts
    1,953
    Vote Rating
    65
    Phil.Strong is just really nice Phil.Strong is just really nice Phil.Strong is just really nice Phil.Strong is just really nice Phil.Strong is just really nice

      0  

    Default


    can you zip it up and attach?
    Phil Strong
    @philstrong
    #SenchaArchitect
    Sencha Architect Development Team

  5. #5
    Sencha User
    Join Date
    Dec 2011
    Location
    White Rock, BC Canada
    Posts
    161
    Vote Rating
    0
    WagsMax is on a distinguished road

      0  

    Default


    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.
    Attached Files

  6. #6
    Sencha User
    Join Date
    Jun 2011
    Posts
    350
    Vote Rating
    1
    bharatn is on a distinguished road

      0  

    Default


    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
    PHP Code:
    button.up('navigationview').push({    xtype'screen2',    title'Screen 2'});button.up('toolbar').hide(); 
    And add pop event handler on Navigation View
    PHP Code:
    this.down('toolbar').show(); 
    Bharat Nagwani
    Sencha Designer Development Team

  7. #7
    Sencha User
    Join Date
    Oct 2012
    Posts
    3
    Vote Rating
    0
    hanank421 is on a distinguished road

      0  

    Default What function to write to display panel on Itemtap

    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

  8. #8
    Sencha User
    Join Date
    Oct 2012
    Posts
    3
    Vote Rating
    0
    hanank421 is on a distinguished road

      0  

    Default


    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

  9. #9
    Sencha - Architect Dev Team aconran's Avatar
    Join Date
    Mar 2007
    Posts
    9,413
    Vote Rating
    129
    aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold aconran is a splendid one to behold

      0  

    Default


    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
    Aaron Conran
    @aconran
    Sencha Architect Development Team