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


HTML-FormFu-ExtJS documentation  | view source Contained in the HTML-FormFu-ExtJS distribution.

Index


NAME

Top

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

VERSION

Top

version 0.090

DESCRIPTION

Top

FormFu class for ExtJS tab panels.

METHODS

Top

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

Top

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

Top

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

AUTHOR

Top

Damon Atkins

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

AUTHOR

Top

Moritz Onken <onken@netcubed.de>

COPYRIGHT AND LICENSE

Top


HTML-FormFu-ExtJS documentation  | view source Contained in the HTML-FormFu-ExtJS distribution.