PDA

View Full Version : [CLOSED] tabPanel: navigation problem



supera
Jun 15, 2012, 3:19 PM

Daniil
Jun 15, 2012, 6:15 PM
Hi,

There is no such built-in functionality, but, I think, it is possible to implement.

I would use Ext.util.KeyMap
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.util.KeyMap (http://docs.sencha.com/ext-js/4-1/#%21/api/Ext.util.KeyMap)
to listen the TabPanel tabBar "tab" and "key arrows" keys.
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Panel-property-tabBar

You will, probably, need to use the following TabPanel methods:
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Panel-method-setActiveTab (http://docs.sencha.com/ext-js/4-1/#%21/api/Ext.tab.Panel-method-setActiveTab)
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.tab.Panel-method-getActiveTab (http://docs.sencha.com/ext-js/4-1/#%21/api/Ext.tab.Panel-method-setActiveTab)

Also you might need to highlight the focused tab. For example:

<style type="text/css">
.x-tab-focus .x-tab-inner {
color: red;
}
</style>

supera
Jun 15, 2012, 6:55 PM
Ok!
Thank you, Daniil

I will try do this...

for now, how I can solve the behavior of focus disappeared????

Daniil
Jun 15, 2012, 6:56 PM
This helps.



Also you might need to highlight the focused tab. For example:

<style type="text/css">
.x-tab-focus .x-tab-inner {
color: red;
}
</style>

supera
Jun 18, 2012, 12:50 PM
Hi Dannil!

Works

Thanks a lot.