1. #1
    Touch Premium Member
    Join Date
    Nov 2011
    Posts
    124
    Vote Rating
    0
    JavascriptParrot is on a distinguished road

      0  

    Question Starting with Touch 2 - Viewport / MVC and tabbar

    Starting with Touch 2 - Viewport / MVC and tabbar


    Hello,

    I'm new with Sencha Touch, have playing with Touch 1 and now we decided to use Touch 2. But I'm totally confused, I don't now what is the best way to setup our application. Could you give some advice or short examples?

    I need an application with a tabbar, it has 3 tabs and two views that are need to visible without the tabbar at the bottom. In the first tab I need a list, on disclosure of an list item the tab changed to another list (or whatever, the first tab stay active). With a back button it should to go to the first list. So the questions are:
    1. What should I use as the viewport? A container, panel or tabbar? I has used the tabbar but I don't know how to display a view that is not a tab.
    2. And what is the best way to use the tabbar with MVC?
    3. How change I change the content of a tab to another list?

    I hope you understand what I mean.
    Thanks

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,330
    Vote Rating
    846
    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 yo udon't want the tabbar then you can use a container with card layout. To navigate to items (either forward or back) you should use the setActiveItem method on the container.
    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
    Touch Premium Member
    Join Date
    Nov 2011
    Posts
    124
    Vote Rating
    0
    JavascriptParrot is on a distinguished road

      0  

    Default


    Thanks it works, but how can I pass a parameter? do i need a route?

  4. #4
    Sencha User kostysh's Avatar
    Join Date
    Nov 2011
    Location
    Odessa, Ukraine
    Posts
    175
    Vote Rating
    19
    kostysh will become famous soon enough kostysh will become famous soon enough

      0  

    Default


    Quote Originally Posted by JavascriptParrot View Post
    I need an application with a tabbar, it has 3 tabs and two views that are need to visible without the tabbar at the bottom. In the first tab I need a list, on disclosure of an list item the tab changed to another list (or whatever, the first tab stay active).
    Look at here: https://github.com/kostysh/Sencha-To...ith-NestedList
    TabBar, NestedList and disclosure card, all as you want

  5. #5
    Touch Premium Member
    Join Date
    Nov 2011
    Posts
    124
    Vote Rating
    0
    JavascriptParrot is on a distinguished road

      0  

    Default


    Thank you!

Thread Participants: 2