Code:
Ext.onReady(function(){
var ds = Ext.create('Ext.data.ArrayStore', {
data: [[123,'One Hundred Twenty Three'],
['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
fields: ['value','text'],
sortInfo: {
field: 'value',
direction: 'ASC'
}
});
/*
* Ext.ux.form.ItemSelector Example Code
*/
var isForm = Ext.widget('form', {
title: 'ItemSelector Test',
width: 700,
bodyPadding: 10,
height: 600,
renderTo: Ext.getBody(),
layout: 'fit',
items: [{
xtype: 'fieldset',
itemId: 'fieldset',
defaultType: 'textfield',
padding: 5,
defaults: {
anchor: '100%',
labelWidth: 140
},
items: [{
fieldLabel: "F1"
},
{
fieldLabel: "F2"
},
{
fieldLabel: "F3"
},
{
xtype: 'numberfield',
fieldLabel: "F4",
minValue: 0
},
{
xtype: 'numberfield',
fieldLabel: "F5",
minValue: 0
},
{
xtype: 'itemselector',
itemId: 'managers',
valueField: 'value',
//height: 300,
displayField: 'text',
store: ds,
buttons: ['add', 'remove']
}]
}],
buttons: [
{
text: "B1"
},
{
text: "B2"
}]
});
});