Stateful ExtJS TabPanel Example


The example shows how to keep the active tab of and how to use method getState to add new property to the existing state object. Window is also stateful.

Change the tab, move and resize the window and then reload the page.

Main Features

  • implements getState and applyState
  • uses Ext.state.CookieProvider to remember active panel in browser cookies
  • creates inside stateful window with standard stateful feature
  • updates window state with beforestatesave listener to relative position
  • remembers window height,width and pos with same Ext.state.Manager

Use Cases

Use it anytime when you need save active panel (or some another property) as default value after refreshing page

Example Files (relative to example root)

The example has been initially generated with sencha generate app so the following list contains only added or edited files:

Source Code

If you want to see the example code, login or sign-up. Free membership is available.


Follow me

Jozef Kejst

I am professional Freelancer specializing in web applications based mainly on Sencha libraries, PHP, MySQL and Node.js. Besides it I like sports as skiing, windsurfing and voleyball.
Follow me

Latest posts by Jozef Kejst (see all)

    We will be happy to hear back from you

    Please Login to post a comment