X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/multiselect-demo.html
diff --git a/docs/source/multiselect-demo.html b/docs/source/multiselect-demo.html
new file mode 100644
index 00000000..d602d9e9
--- /dev/null
+++ b/docs/source/multiselect-demo.html
@@ -0,0 +1,128 @@
+
+
+ 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));
+ }
+ }
+ }]
+ });
+
+});
+
+
+
\ No newline at end of file