The source code

    Ext.onReady(function(){

        Ext.QuickTips.init();
        Ext.form.Field.prototype.msgTarget = 'side';

        /*
         * Ext.ux.form.MultiSelect Example Code
         */
        var msForm = new Ext.form.FormPanel({
            title: 'MultiSelect Test',
            width: 700,
            bodyStyle: 'padding:10px;',
            renderTo: 'multiselect',
            items:[{
                xtype: 'multiselect',
                fieldLabel: 'Multiselect
    (Required)',
                name: 'multiselect',
                width: 250,
                height: 200,
                allowBlank:false,
                store: [[123,'One Hundred Twenty Three'],
                        ['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
                        ['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
                tbar:[{
                    text: 'clear',
                    handler: function(){
    	                msForm.getForm().findField('multiselect').reset();
    	            }
                }],
                ddReorder: true
            }],
            tbar:[{
                text: 'Options',
                menu: [{
    	            text: 'Set Value (2,3)',
    	            handler: function(){
    	                msForm.getForm().findField('multiselect').setValue('2,3');
    	            }
    	        },{
    	            text: 'Toggle Enabled',
    	            handler: function(){
    	                var m = msForm.getForm().findField('multiselect');
    	                if (!m.disabled) {
    	                    m.disable();
    	                } else {
    	                    m.enable();
    	                }
    	            }
                }]
            }],

            buttons: [{
                text: 'Save',
                handler: function(){
                    if(msForm.getForm().isValid()){
    	                Ext.Msg.alert('Submitted Values', 'The following will be sent to the server:
    '+
    	                    msForm.getForm().getValues(true));
                    }
                }
            }]
        });

        var ds = new 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 = new Ext.form.FormPanel({
            title: 'ItemSelector Test',
            width:700,
            bodyStyle: 'padding:10px;',
            renderTo: 'itemselector',
            items:[{
                xtype: 'itemselector',
                name: 'itemselector',
                fieldLabel: 'ItemSelector',
    	        imagePath: '../ux/images/',
                multiselects: [{
                    width: 250,
                    height: 200,
                    store: ds,
                    displayField: 'text',
                    valueField: 'value'
                },{
                    width: 250,
                    height: 200,
                    store: [['10','Ten']],
                    tbar:[{
                        text: 'clear',
                        handler:function(){
    	                    isForm.getForm().findField('itemselector').reset();
    	                }
                    }]
                }]
            }],

            buttons: [{
                text: 'Save',
                handler: function(){
                    if(isForm.getForm().isValid()){
                        Ext.Msg.alert('Submitted Values', 'The following will be sent to the server:
    '+
                            isForm.getForm().getValues(true));
                    }
                }
            }]
        });

    });