Skip to content

chrisfarms/Ext.ux

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ext.ux: Misc Sencha Touch Extensions

Anything that seems like it might be generically useful from my projects I'll add to this library. Not everything in here is created by me, some items are collated from others were I needed to slightly modify them.

I'll start documenting these items now, starting with TokenField.js

Ext.ux.TokenField

TokenField is the basis for a more complicated AutoComplete component (which I shall add to this library shortly), it is useful when you are asking people to fill in a field that should be comma-seperated, or if there are discrete items that you want to list, like tags.

example

See the demo here, checkout the example config below for options and see the examples/TokenField.html for an example CSS style.

{
    xtype: 'tokenfield',         // the TokenField xtype
    tokenSeperator: ',',         // [optional] a single character to use as the delimiter 
    largeTapArea: false,         // [optional] set to true to cause a tap anywhere on token to remove it
    name:'tags',                 // standard Field name
    label:'Tags',                // [optional] standard Field label
    returnType: 'string',        // [optional] choice of either 'string' or 'array' return-type default is 'array'
    value:'red,green,blue'       // [optional] initial value accepted as csv-string or Array
}

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%