Docs
API
-
Config
- barHeight
-
bbar
- bbarHeight
-
buttons
- buttonsHeight
- cls
- defaults
- draggable
-
events
-
footer
- height
- id
- i18n
-
items
- column
-
data
- defaults
- disabled
- displayKey
- editable
- emptyText
- events
-
format
- itemCheckBox
- inputHeight
- inputLabel
- inputWidth
- label
- labelAlign
- labelWidth
- listItemTpl
- leftTpl
- leftWidth
- max
- min
- minListWidth
- multiSelect
- multiToggle
- name
- showPassTip
- spin
- step
- subSearch
- tabIndex
- tip
- type
- value
- valueKey
- vtype
- width
-
lang
-
date
- method
- modal
- params
- renderOuter
- renderTo
- scrollable
- shadow
-
subTitle
-
subTBar
- allowToggle
- action
- cls
- data
- disabled
- displayKey
- editable
- emptyText
- enableToggle
- events
- format
- handler
- hidden
- id
- imageCls
- inputHeight
- itemCheckBox
- leftTpl
- leftWidth
- max
- menu
- minListWidth
- multiSelect
- multiToggle
- paramsMenu
- paramsText
- pressed
- spin
- step
- subSearch
- text
- tip
- toggleGroup
- type
- valueKey
- vtype
- width
- subTBarHeight
-
tbar
- allowToggle
- action
- cls
- data
- disabled
- displayKey
- editable
- emptyText
- enableToggle
- events
- format
- handler
- hidden
- id
- imageCls
- inputHeight
- itemCheckBox
- leftTpl
- leftWidth
- max
- menu
- minListWidth
- multiSelect
- multiToggle
- paramsMenu
- paramsText
- pressed
- spin
- step
- subSearch
- text
- tip
- toggleGroup
- type
- valueKey
- vtype
- width
- tbarHeight
-
title
subTBar
Array
There are 4 bars in FancyForm.
They are:tbar, subTBar, bbar, buttons.
Syntax is almost the same for all bars.
The main purpose ofbuttons
is alternative for bbar.
When paging is enabled, bbar is busy.
subTBar
is used as extra bar for grid's top when
tbar
is not enough.Example
subTBar: [{ type: 'button', text: 'Text 1', handler: function(){ } },{ type: 'button', text: 'Text 2', handler: function(){ } }],
Example: subTBar
subTBar: [{ type: 'button', text: 'Add', action: 'add' },{ type: 'button', text: 'Delete', action: 'remove' }], subTBar: [{ type: 'button', text: 'Extra 1' },{ type: 'button', text: 'Extra 2' }]
Example: separator
To set separator between items use shortcut
|
subTBar: [{ text: 'Text 1' },'|',{ type: 'button' }],
Example: side
If to set
'side'
element than all elements after it will be floated to right side.subTBar: ['side', { text: 'Clear' },'|',{ type: 'Submit' }],
Default
undefined
-
date