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
set
Set field type
This field group items in container.
Example
items: [{ type: 'set', label: 'User Info', checkbox: true, defaults: { inputWidth: 180, labelWidth: 90, }, items: [{ type: 'string', label: 'Login', emptyText: 'Login', name: 'login' },{ type: 'password', label: 'Password', emptyText: 'Password', name: 'password' }] },{ ...
Properties
events
ArraySet event handler to field.
... items: [{ type: 'set', label: 'User Info', checkbox: true, items: [{ type: 'string', label: 'First Name', emptyText: 'First Name', name: 'name' }, { type: 'string', label: 'Last Name', emptyText: 'Last Name', name: 'surname' }], events: [{ beforecollapse: function(){ } },{ collapse: function(){ } },{ beforeexpand: function(){ } },{ expand: function(){ } }] },{ ...
items
ArrayWrapped fields.
... items: [{ type: 'set', label: 'User Info', checkbox: true, items: [{ type: 'string', label: 'First Name', emptyText: 'First Name', name: 'name' }, { type: 'string', label: 'Last Name', emptyText: 'Last Name', name: 'surname' }], },{ ...
label
StringText of field.
... items: [{ type: 'set', label: 'User Info', checkbox: true, items: [{ type: 'string', label: 'First Name', emptyText: 'First Name', name: 'name' }, { type: 'string', label: 'Last Name', emptyText: 'Last Name', name: 'surname' }], },{ ...
type
StringType of field (value - set).
{ type: 'set', label: 'User Info', checkbox: true, items: [{ type: 'string', label: 'First Name', emptyText: 'First Name', name: 'name' }, { type: 'string', label: 'Last Name', emptyText: 'Last Name', name: 'surname' }] }
Events
beforecollapse
(field)Event that fires before collapsing items.
items: [{ type: 'radio', label: 'Favorite car brand?', name: 'brand', value: 'kia', items: [{ text: 'KIA', value: 'kia' },{ text: 'Honda', value: 'honda' },{ text: 'Land Rover', value: 'lr' },{ text: 'Toyota', value: 'toyota' }], events: [{ beforecollapse: function(){ } }] ...
beforeexpand
(field)Event that fires before expanding items.
items: [{ type: 'radio', label: 'Favorite car brand?', name: 'brand', value: 'kia', items: [{ text: 'KIA', value: 'kia' },{ text: 'Honda', value: 'honda' },{ text: 'Land Rover', value: 'lr' },{ text: 'Toyota', value: 'toyota' }], events: [{ beforeexpand: function(){ } }] ...
collapse
(field)Event that fires when items were collapsed.
items: [{ type: 'radio', label: 'Favorite car brand?', name: 'brand', value: 'kia', items: [{ text: 'KIA', value: 'kia' },{ text: 'Honda', value: 'honda' },{ text: 'Land Rover', value: 'lr' },{ text: 'Toyota', value: 'toyota' }], events: [{ collapse: function(){ } }] ...
expand
(field)Event that fires when items were expanded.
items: [{ type: 'radio', label: 'Favorite car brand?', name: 'brand', value: 'kia', items: [{ text: 'KIA', value: 'kia' },{ text: 'Honda', value: 'honda' },{ text: 'Land Rover', value: 'lr' },{ text: 'Toyota', value: 'toyota' }], events: [{ expand: function(){ } }] ...
-
date