- 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
- ExtJS library version 3.x
- Available via doc/
- Examples available via example/
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="proxy.php?url=https%3A%2F%2Fgithub.com%2Fresources%2Fcss%2FExt.ux.AwesomeCombo.css" />
And then javascript files into body tag:
<script type="text/javascript" src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fsrc%2FExt.ux.PagingMemoryProxy.js"></script>
<script type="text/javascript" src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fsrc%2FExt.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 :)
