1. #1
    Sencha User
    Join Date
    Feb 2013
    Location
    San Diego, CA
    Posts
    8
    Vote Rating
    0
    Will de la Vega is on a distinguished road

      0  

    Default Unanswered: Beginner Question regarding loading Views with MVC ExtJS 4

    Unanswered: Beginner Question regarding loading Views with MVC ExtJS 4


    Hi friends @ the forum.

    I am building my first Ext JS 4 App with MVC and trying to follow patterns carefully. I have been a RIA developer for many years and I am new to this framework.

    My issue is the navigation between views. I have the usual layout, a ViewPort, inside a border layout, then a TreePanel at the west region and a panel with a toolbar at the top and a panel with the content that is supposed to change depending on which view loads and unloads.

    Captura de pantalla 2013-02-14 a la(s) 00.24.38.jpg

    I was considering adding and removing tabs from a tab panel for the views but I don´t really want to show the user the tabs and also think that for performance purposes it could be better to destroy the views when not used.

    Also the approach a friend shared (very ExtJS 3 I think..) with me was to have this layout in as many web pages as views in my app and add a url to a different page i the node click of the treeview panels, thus changing the web page between views. It really doesn´t feel just right albeit that this friend of mine knows what he is saying, but I believe that a good RIA app should run inside a single page.

    So, I know that for a newbie it may be a very silly question, but friends, How can I load a view to my content panel depending on the treeview panel (left panel) click and unload or destroy the one being abandoned by the user? is this the right approach?

    Is there any decent resource or documentation that explains how to do this in a cleanly fashion using Ext JS 4 with MVC and that may be compatible with Architect? I apologize for the long post I just wanted to be very clear in what I am trying to do. I appreciate your help in advance and also I want to say that I am happy to be part of this group of experts. Thanks.

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,641
    Vote Rating
    898
    Answers
    3573
    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


    When you say load a new view (in the center region) where is the content coming from?
    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
    Feb 2013
    Location
    San Diego, CA
    Posts
    8
    Vote Rating
    0
    Will de la Vega is on a distinguished road

      0  

    Default First than anything thanks for your reply :)

    First than anything thanks for your reply :)


    Some of those views would be created in Architect as well, views with a grid that can add, modify and delete items, just the basics. But there are some other cases where the view needs to be constructed on the fly. Some elements would need to be rendered depending on the user rol. To be more precise this app is about e-learning and depending on the student's plan, a set of four, five or more small components need to be created on the page. Creating this app in Architect using drag and drop seems impossible, however I definitely don´t want to leave Architect and start coding somewhere else as one of the main goals in this project is to be able to open it in Architect and make modifications, so how can I add this "dynamic" content views and keeping them being loaded and destroyed after use in a a clean fashion MVC compatible? Probably it is that I am a newbie with Sencha, but believe me I am really loving it and I plan to become someone who in the future may help in this forum as well, it is just that all beginnings seem to be hard. Thanks in advance for your help.