NAME

HTML::FormFu::Element::ExtJS::TabPanel - FormFu class for ExtJS tab panels

VERSION

version 0.090

DESCRIPTION

FormFu class for ExtJS tab panels.

METHODS

xtype

Defaults to 'tabpanel'

Attributes

The ExtJS TabPanel supports the following attributes in addition to Panel attributes. Number, Float, Boolean are type checked. In YAML configration use 0 for false and 1 for true.

• activeTab:String/Number
• animScroll:Boolean
• autoTabSelector:String
• autoTabs:Boolean
• baseCls:String
• enableTabScroll:Boolean
• itemTpl:Template/XTemplate
• layoutConfig:Object
• layoutOnTabChange:Boolean
• minTabWidth:Number
• plain:Boolean
• resizeTabs:Boolean
• scrollDuration:Float
• scrollIncrement:Number
• scrollRepeatInterval:Number
• tabCls:String
• tabMargin:Number
• tabPosition:String
• tabTip:String
• tabWidth:Number
• wheelIncrement:Number

See Class Ext.TabPanel http://www.extjs.com/docs/?class=Ext.TabPanel for further details

EXAMPLE

The following YAML configuration exmaple sets optional attributes including activeTab. 'activeTab' defaults to 0 which is the first tab, to have no tab selected set activeTab to negative.

        ---
        attrs:
          standardSubmit: 1
        elements:
          - type: ExtJS::TabPanel
            attrs:
               enableTabScroll: 1
               animScroll: 1
               border: 1
               minTabWidth: 150
               resizeTabs: true
               height: 300
               width: 250
               activeTab: 1
               resizeTabs: 1
               tabWidth: 200
            elements:
              - type: ExtJS::Panel
                label: Tab1
                attrs:
                  layout: form
                elements:
                  - type: Text
                    name: tab1input1
                    label: Tab1-Input1
                  - type: Text
                    name: tab1input2
                    label: Tab1-Input2
              - type: ExtJS::Panel
                label: Tab2
                attrs:
                  layout: form
                elements:
                  - type: Text
                    name: tab2input1
                    label: Tab2-Input1
                  - type: Text
                    name: tab2input2
                    label: Tab2-Input2

SEE ALSO

The ExtJS specific stuff is in HTML::FormFu::ExtJS::Element::ExtJS::TabPanel

AUTHOR

Damon Atkins

Based on HTML::FormFu::Element::ExtJS::Panel

AUTHOR

Moritz Onken <onken@netcubed.de>

COPYRIGHT AND LICENSE

This software is Copyright (c) 2011 by Moritz Onken.

This is free software, licensed under:

  The (three-clause) BSD License