FancyGrid API

Docs

API

Config
- barHeight
- bbar
  - allowToggle
  - cls
  - data
  - disabled
  - displayKey
  - editable
  - emptyText
  - enableToggle
  - events
  - format
  - handler
  - hidden
  - id
  - imageCls
  - inputHeight
  - itemCheckBox
  - leftTpl
  - leftWidth
  - max
  - menu
  - min
  - minListWidth
  - multiSelect
  - multiToggle
  - pressed
  - spin
  - step
  - subSearch
  - text
  - tip
  - toggleGroup
  - type
  - valueKey
  - vtype
  - width
- bbarHeight
- buttons
  - allowToggle
  - cls
  - data
  - disabled
  - displayKey
  - editable
  - emptyText
  - enableToggle
  - events
  - format
  - handler
  - hidden
  - id
  - imageCls
  - inputHeight
  - itemCheckBox
  - leftTpl
  - leftWidth
  - max
  - menu
  - min
  - minListWidth
  - multiSelect
  - multiToggle
  - pressed
  - spin
  - step
  - subSearch
  - text
  - tip
  - toggleGroup
  - type
  - valueKey
  - vtype
  - width
- buttonsHeight
- cls
- defaults
- draggable
- events
  - delay
  - init
  - set
  - scope
- footer
  - status
  - source
    - text
    - link
- height
- id
- i18n
- items
  - column
  - data
    proxy
    
    reader
    
    root
    
    url
  - defaults
  - disabled
  - displayKey
  - editable
  - emptyText
  - events
  - format
    edit
    
    inputFn
    
    read
    
    write
  - 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
    read
    
    write
    
    edit
    
    today
    
    startDay
    
    days
    
    months
    
    am
    
    pm
    
    AM
    
    PM
    
    ok
    
    cancel
  - decimalSeparator
  - loadingText
  - sourceText
  - thousandSeparator
- method
- modal
- params
- renderOuter
- renderTo
- scrollable
- shadow
- subTitle
  - cls
  - style
  - text
- 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
  - cls
  - style
  - text
  - tools
    handler
    
    text
- theme
  - name
  - config
    barHeight
    
    bottomScrollHeight
    
    panelBorderWidth
    
    titleHeight
- url
- width
- window
Fields
- button
- checkbox
- combo
- date
- hidden
- html
- line
- number
- password
- radio
- segbutton
- set
- string
- switcher
- tab
- textarea
Events
- init
- set
Methods
- clear
- destroy
- each
- get
- getHeight
- getItem
- getSubTitle
- getTitle
- getValues
- hide
- hideBar
- nextTab
- on
- once
- prevTab
- remove
- set
- setActiveTab
- setHeight
- setSubTitle
- setTitle
- setWidth
- show
- showat
- showBar
- submit
- un
- valid

width

Number

Field width.

Example


items: [{
  label: 'Name',
  width: 100,
  type: 'string',
  name: 'name',
  labelAlign: 'right'
...

Default


Available width of container