I have a requirement to refresh the currently shown panel when user comes back to that panel on subsequent times.
I have tree panel on left side and upon selecting nodes i have different panels for each of the node to display on the right hand side.
Below is the scenario where in i need to refresh the tab panel.
1. On the tree panel i clicked the node and on the right hand side a tabbed panel is displayed which has 6 six tabs. I selected the third tab which has two grids in it (one on top and second one on bottom)
2. I clicked on a different node on tree panel and right hand panel is refreshed with new panel which has a form.
3. Now i filled the content in that form and submitted the contents to back-end. This will insert data to the table.
4. Now i clicked on the previous node (same node in tree panel as in step 1) and tabbed panel is displayed with 3rd tab as selected tab. This tab is displayed in the same state as i first left before clicking a node on tree panel. When the tabbed panel is displayed, i want to reload both the grids in that tab as in previous steps, a new data is inserted.
I try to listen for 'render', 'activate' and 'show' events on tab panel and reloading the store which the grids rely on. But some how none of them were triggered when i select the node second time and tabbed panel is displayed.
I'm using ExtJS 4.0.7.
I'm unable to post the code as it's very huge. If someone can help me finding a solution, it will be great.