I am fairly new to Ext JS, I have been messing around with it for a few months off and on and I have a design question. I have a viewport, the north panel is plain HTML, just a banner with the company logo. The west panel contains some links, basically a navigation bar. The center panel is where all the action will happen, grids, forms etc. Am I thinking correctly that when I load that app I will load all the center panels with only one of them visible? Then when a user clicks on a link in the west panel I will hide the currently visible panel and show the appropriate hidden panel? I appreciate the assistance, I am second guessing myself and I am not sure this is the best way.
There are many approaches that you can take and it is difficult to be specific without knowing your application in detail. In general, at first you want to load just the components that are needed for the app to start, and dynamically load the rest of the components as they are needed.
For our app, I use a card layout and load only the 1st item (default load). When user click on something to change the center view, I look into my card layout if the view exist. If true i set the card active otherwise I create the new view and add it to the card layout then set it active.
Design Question
Reply With Quote
