Hello guys, currently i am starting to work with extjs 4 and i'm needing some help to migrate an system that i had build on jQuery, with several plugins. On this system, i have an top menu, which redirect the user to the desired page when an item is clicked... I did some tutorials with extjs 4 , and i saw that on the start you define an js called app.js which has the default controller of your system.
Until here, all fine!


But i need to put an menu on the top of the system, i will try to find an way to do it. The reason of the thead is that i don't know how to make new loads of new table grids on the system, before user select an item on the menu. On the old system, when user click on an menu, i just need to reload all the page, with the desired HTML, but i don't know the best way to make it on extjs.


I was wondering if i would destroy all the panels, them load a new model, a new controller with some ext function?
Or maybe it isn't so hard, i just need to reload the HTML with the new controller that i wanna to load (and the defined models, views and etc... I would be realy happy to know that this is the correct option... )
And if it is, HOW can i made it? I didn't saw any example working with many grids on an system (on diferent pages).


I whish that everyone could understand it... Also,i tried to search on the forum and on the web about this, but i didn't found anything, if someone has some links or maybe, could explain me how to do it, i will bre really glad!


Thanks to everyone!