Awesome

Ext.ux.AwesomeCombo

Features

• Enable multi-selection (with configuration enableMultiSelection: true)
• Enable tooltip selection (with enableTooltip: true)
• Custom tooltip template (with tooltipTpl: new Ext.XTemplate())
• Clear button available by default
• Many new events

Requirements

• ExtJS library version 3.x

Documentation

• Available via doc/
• Examples available via example/

Quick setup

First of all copy static folder to your library path. Include css file as below into head tag:

<link rel="stylesheet" type="text/css" href="resources/css/Ext.ux.AwesomeCombo.css" />

And then javascript files into body tag:

<script type="text/javascript" src="src/Ext.ux.PagingMemoryProxy.js"></script>
<script type="text/javascript" src="src/Ext.ux.AwesomeCombo.js"></script>

Try:

{
	xtype: "awesomecombo", // or new Ext.ux.AwesomeCombo({...})
	anchor: "0",
	emptyText: "select item(s)...",
	fieldLabel: "Awesome Combo",
	triggerAction: "all",
	enableMultiSelect: true,
	store: [
		['1', 'One'],
		['2', 'Two'],
		['3', 'Three'],
		['4', 'Four']
	]
}

Enjoy :)

Screenshot

Feedback

• Ext.ux.AwesomeCombo github issues