1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    35
    Answers
    2
    Vote Rating
    0
    ericchaves is on a distinguished road

      0  

    Default Unanswered: How to make a button from a tab bar show a navigation view?

    Unanswered: How to make a button from a tab bar show a navigation view?


    Hi Folks,

    I'm new to ST2 and I'm trying to mimic the behavior of an existing application as a way to learn it. This application has a tabbar as it's main view however whenever we click one of the tabbar's buttons a navigation view with a back button is bring to front. I'd like to reproduce this behavior but I'm falling short.

    If I start with a panel with some buttons, I can't get the buttons to look like the tabbar buttons and if I go with a tabbar I can't figure how I could link it to a navigation view.

    Could someone help me out pointing how to acomplish this?

    Thanks in advance,

    Eric

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,782
    Answers
    3465
    Vote Rating
    833
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    If you want to use the tab bar then use a tab panel and have the navigation view as a child item of the tabpanel.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    May 2012
    Posts
    2
    Vote Rating
    0
    nimloc is on a distinguished road

      0  

    Default I did this and navigationview doesn't work correctly

    I did this and navigationview doesn't work correctly


    Many thanks for helping.

    I have a build where I did as you described and the navigationview back button shows immediately. I suppose this is because it is seeing the first 'card' on the tabbar as an item in the navigationview?

    Can you try this your self and confirm?

    so:
    tabpanel:
    tabbar
    item 1: blah
    item 2 [ navigationview: [item 1, item2] ]

    result when clicking item 2 on tabbar: navigationview item 2 shows with back button displaying. I would like navview item 1 with no back button. So like the start of a wizard.

    Please suggest a fix soon, as I'm facing a deadline... help

  4. #4
    Sencha User
    Join Date
    May 2012
    Posts
    2
    Vote Rating
    0
    nimloc is on a distinguished road

      0  

    Default Its ok I got it working

    Its ok I got it working


    Is see the issue. I didn't have the correct nested item structure.

  5. #5
    Sencha User
    Join Date
    Mar 2013
    Posts
    16
    Vote Rating
    0
    ppurohit is on a distinguished road

      0  

    Default Naviation view not working Properly...

    Naviation view not working Properly...


    I have added the navigation view inside my tab panel but i am not able to push nythin inside...

    Thnaks....

  6. #6
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Answers
    41
    Vote Rating
    42
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      0  

    Default


    Quote Originally Posted by ppurohit View Post
    I have added the navigation view inside my tab panel but i am not able to push nythin inside... Thnaks....
    This is a sample mvc app with a tab panel, navigation view, list and detail view:
    http://www.sencha.com/forum/showthre...MVC-Sample-App

    26-04-2013 14-14-00.png

  7. #7
    Sencha User
    Join Date
    Mar 2013
    Posts
    16
    Vote Rating
    0
    ppurohit is on a distinguished road

      0  

    Default


    Thank you very much for the reply...

    I saw the example and i think i want the same sort of thing...

    Thank you very much again...

    Will let you know if anything required further..

  8. #8
    Sencha User
    Join Date
    Mar 2013
    Posts
    16
    Vote Rating
    0
    ppurohit is on a distinguished road

      0  

    Default My NavigationView not working properly.

    My NavigationView not working properly.


    I am getting following JSON response. I am not able to show it inside my tab panel.

    {"categoryHierarchyElement":
    [{"childCategories":
    {"category":[{"id":"subCatId11","displayName":"For Him"}, {"id":"subCatId12","displayName":"For Her"}, {"id":"subCatId13","displayName":"Gift Certificates"}]},
    "categoryId":"topCatId1","displayName":"Gift Ideas"},

    {"childCategories":
    {"category":[{"id":"subCatId21","displayName":"Shirts"},
    {"id":"subCatId22","displayName":"Pants"},
    {"id":"subCatId23","displayName":"Dresses"},
    {"id":"subCatId24","displayName":"Skirts"},
    {"id":"subCatId25","displayName":"Shorts"},
    {"id":"subCatId26","displayName":"Jackets"}, {"id":"subCatId27","displayName":"Accessories"}]},
    "categoryId":"topCatId2","displayName":"Women's Apparel"},

    {"childCategories":{"category":[{"id":"subCatId31","displayName":"Women's Shoes"}, {"id":"subCatId32","displayName":"Men's Shoes"}]},
    "categoryId":"topCatId3","displayName":"Footwear"},

    {"childCategories":
    {"category":[{"id":"subCatId41","displayName":"Tables"}, {"id":"subCatId42","displayName":"Seating"}, {"id":"subCatId43","displayName":"Storage & Display"}]},

    "categoryId":"topCatId4","displayName":"Home Store"},
    {"childCategories":
    {"category":[{"id":"subCatId51","displayName":"Towels and Linens"}]},



    "categoryId":"topCatId5","displayName":"Bed & Bath"},
    {"childCategories":
    {"category":[{"id":"subCatId61","displayName":"Clocks"}, {"id":"subCatId62","displayName":"Radios"}, {"id":"subCatId63","displayName":"Cushions and Pillows"}, {"id":"subCatId64","displayName":"Glassware"}, {"id":"subCatId65","displayName":"Lamps and Lighting"}, {"id":"subCatId66","displayName":"Miscellaneous"}]},

    "categoryId":"topCatId6","displayName":"Home Accessories"}]}

    Please Help.

  9. #9
    Sencha Premium Member
    Join Date
    Feb 2012
    Location
    Berne, Switzerland
    Posts
    714
    Answers
    41
    Vote Rating
    42
    ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about ingo.hefti has a spectacular aura about

      0  

    Default


    Looks like you have some nested data. Have a look at this one here: http://docs.sencha.com/touch/2.2.0/t.../nestedloading

  10. #10
    Sencha User
    Join Date
    Mar 2013
    Posts
    16
    Vote Rating
    0
    ppurohit is on a distinguished road

      0  

    Default Not able to display Child elements

    Not able to display Child elements


    I want similar sort of things... I have already tried this example... but whenever I use nested list it only shows parent element and not child elements and i am not able to see my tap panel also...

    Thanks..

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi