Docs
API
-
Config
- barHeight
-
bbar
- bbarHeight
-
buttons
- buttonsHeight
- cellHeaderHeight
- cellHeight
- cellStylingCls
- cellTrackOver
- cellWrapper
- clicksToEdit
- cls
- columnClickData
- columnLines
-
columns
- align
- autoHeight
- cellAlign
- cellTip
- cls
- columns
-
data
- displayKey
- draggable
- editable
- ellipsis
-
filter
- flex
- format
- headerCheckBox
- headerClickSort
- headerCls
- headerCellTip
- hidden
- index
- itemCheckBox
-
items
- leftTpl
- leftWidth
- listItemTpl
- lockable
- locked
- maxWidth
- menu
- minEditorWidth
- minListWidth
- minWidth
- multiSelect
- render
- resizable
- rightLocked
- rowdrag
- searchable
- select
- selectable
- sortable
- sorter
- sparkConfig
- spin
- step
- subSearch
- summary
- title
- titleEditable
- type
- valueKey
- values
- vtype
- width
- controllers
- columnTrackOver
- contextmenu
-
data
- defaults
- dirtyEnabled
- draggable
- doubleHorizontalScroll
- emptyText
-
events
- beforeedit
- cellclick
- celldblclick
- cellenter
- cellleave
- changepage
- changepagesize
- columnclick
- columndblclick
- columndrag
- columnenter
- columnhide
- columnleave
- columnshow
- columnresize
- columntitlechange
- deselectrow
- dragrows
- dropitems
- filter
- init
- insert
- headercellclick
- headercellenter
- headercellleave
- load
- lockcolumn
- remove
- rowclick
- rowdblclick
- rowenter
- rowleave
- select
- selectrow
- servererror
- set
- scope
- sort
- unlockcolumn
- update
-
expander
- exporter
-
filter
- flexScrollSensitive
-
footer
-
gridToGrid
-
grouping
- height
- id
- i18n
-
lang
- cancel
-
date
- decimalSeparator
- dragText
- loadingText
- no
- paging
- loadMask
- minHeight
- minWidth
- modal
- multiSort
- multiSortLimit
- nativeScroller
- paging
- renderOuter
- renderTo
- resizable
- rowEdit
- rowDragDrop
- rowLines
- searching
- selModel
- shadow
- singleExpand
- state
- startEditByTyping
- stateful
- stateId
- striped
- 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
- subTitle
- summary
- tabScrollStep
- tbar
- action
- allowToggle
- cls
- data
- disabled
- displayKey
- editable
- emptyText
- enableToggle
- events
- format
- handler
- hidden
- id
- imageCls
- inputHeight
- itemCheckBox
- leftTpl
- leftWidth
- max
- menu
- min
- minListWidth
- multiSelect
- multiToggle
- paramsMenu
- paramsText
- pressed
- spin
- step
- subSearch
- text
- tip
- toggleGroup
- type
- valueKey
- vtype
- width
- tbarHeight
- textSelection
- theme
- title
- Columns
- Events
- beforeedit
- cellclick
- celldblclick
- cellenter
- cellleave
- changepage
- changepagesize
- columnclick
- columndblclick
- columndrag
- columnenter
- columnhide
- columnleave
- columnshow
- columnresize
- columntitlechange
- contextmenu
- deselectrow
- dragrows
- dropitems
- filter
- init
- insert
- headercellclick
- headercellenter
- headercellleave
- load
- lockcolumn
- remove
- rowclick
- rowdblclick
- rowenter
- rowleave
- select
- selectrow
- servererror
- set
- sort
- statechange
- unlockcolumn
- update
- Methods
- add
- addChild
- addColumn
- addFilter
- clearData
- clearDirty
- clearFilter
- clearSelection
- collapse
- collapseAll
- copy
- deSelectRow
- destroy
- disableSelection
- each
- editCell
- enableSelection
- expand
- expandAll
- exportToCSV
- exportToExcel
- find
- findItem
- firstPage
- flashCell
- flashRow
- get
- getById
- getCell
- getChanges
- getColumn
- getColumns
- getData
- getDataAsCSV
- getDataFiltered
- getDataView
- getHeaderCell
- getPage
- getPages
- getPageSize
- getRowById
- getSelection
- getSubTitle
- getTitle
- getTotal
- getViewTotal
- insert
- isLoading
- hide
- hideBar
- hideColumn
- hideLoadMask
- insert
- lastPage
- load
- lockColumn
- nextPage
- on
- once
- prevPage
- redo
- remove
- removeAll
- removeAt
- removeColumn
- removeRow
- removeRowById
- rightLockColumn
- save
- scroll
- scrollToRow
- search
- selectCell
- selectCellDown
- selectCellLeft
- selectCellRight
- selectCellUp
- selectColumn
- selectRow
- set
- setById
- setColumnTitle
- setColumnWidth
- setData
- setHeight
- setPage
- setPageSize
- setParams
- setSelModel
- setSubTitle
- setTitle
- setTrackOver
- setUrl
- setWidth
- show
- showAt
- showBar
- showColumn
- showLoadMask
- sort
- stopEditor
- stopSelection
- un
- undo
- undoAll
- unLockColumn
- update
- updateFilters
controllers
Array
Context menu is specific sub widget of grid.
To start work with controller, it needs to define it over
FancyGrid.defineController
name
StringControl name.
Must be unique.
Use namespaces if needed: "App.myCotroller".params
ObjectParams with handlers, functions and controls property.
Controller with events
Sample:
FancyGrid.defineController('mycontrol', { onCellClick: function(grid, o){ }, onCellDBLClick: function(grid, o){ } }); var grid = new FancyGrid({ ... events: [{ cellclick: 'onCellClick' },{ celldblclick: 'onCellDBLClick' }], controllers: ['mycontrol'], ... });
Controls instead of events
Sample:
FancyGrid.defineController('mycontrol', { controls: [{ event: 'cellclick', handler: 'onCellClick' },{ event: 'celldblclick', handler: 'onCellDBLClick' }], onCellClick: function(grid, o){ }, onCellDBLClick: function(grid, o){ } }); var grid = new FancyGrid({ ... controllers: ['mycontrol'], ... });
Control selector
Sample:
FancyGrid.defineController('mycontrol', { controls: [{ event: 'cellclick', selector: '.sign-minus', handler: 'onClickMinus' },{ event: 'cellclick', selector: '.sign-plus', handler: 'onClickPlus' }], onClickMinus: function(grid, o){ }, onClickPlus: function(grid, o){ }, }); var grid = new FancyGrid({ ... controllers: ['mycontrol'], ... });
List of controls properties
event
StringGrid event name and dom event name.
selector
StringNot required. Delegator(source element).
handler
FunctionHandler of event.
Default
undefined