3 * Copyright(c) 2006-2009 Ext JS, LLC
5 * http://www.extjs.com/license
7 Ext.onReady(function(){
\r
9 Ext.QuickTips.init();
\r
10 Ext.form.Field.prototype.msgTarget = 'side';
\r
13 * Ext.ux.form.MultiSelect Example Code
\r
15 var msForm = new Ext.form.FormPanel({
\r
16 title: 'MultiSelect Test',
\r
18 bodyStyle: 'padding:10px;',
\r
19 renderTo: 'multiselect',
\r
21 xtype: 'multiselect',
\r
22 fieldLabel: 'Multiselect<br />(Required)',
\r
23 name: 'multiselect',
\r
27 store: [[123,'One Hundred Twenty Three'],
\r
28 ['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
\r
29 ['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
\r
32 handler: function(){
\r
33 msForm.getForm().findField('multiselect').reset();
\r
41 text: 'Set Value (2,3)',
\r
42 handler: function(){
\r
43 msForm.getForm().findField('multiselect').setValue('2,3');
\r
46 text: 'Toggle Enabled',
\r
47 handler: function(){
\r
48 var m = msForm.getForm().findField('multiselect');
\r
60 handler: function(){
\r
61 if(msForm.getForm().isValid()){
\r
62 Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+
\r
63 msForm.getForm().getValues(true));
\r
70 var ds = new Ext.data.ArrayStore({
\r
71 data: [[123,'One Hundred Twenty Three'],
\r
72 ['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
\r
73 ['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
\r
74 fields: ['value','text'],
\r
82 * Ext.ux.form.ItemSelector Example Code
\r
84 var isForm = new Ext.form.FormPanel({
\r
85 title: 'ItemSelector Test',
\r
87 bodyStyle: 'padding:10px;',
\r
88 renderTo: 'itemselector',
\r
90 xtype: 'itemselector',
\r
91 name: 'itemselector',
\r
92 fieldLabel: 'ItemSelector',
\r
93 imagePath: '../ux/images/',
\r
98 displayField: 'text',
\r
103 store: [['10','Ten']],
\r
106 handler:function(){
\r
107 isForm.getForm().findField('itemselector').reset();
\r
115 handler: function(){
\r
116 if(isForm.getForm().isValid()){
\r
117 Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+
\r
118 isForm.getForm().getValues(true));
\r