开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
multiselect-demo.js
资源名称：ext-3.1.0.zip　[点击查看]
上传用户：dawnssy
上传日期：2022-08-06
资源大小：9345k
文件大小：4k
源码类别：

JavaScript

开发平台：

JavaScript

multiselect-demo.js：源码内容
  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ Ext.onReady(function(){
  3.     Ext.QuickTips.init();
  4.     Ext.form.Field.prototype.msgTarget = 'side';
  6.     /*
  7.      * Ext.ux.form.MultiSelect Example Code
  8.      */
  9.     var msForm = new Ext.form.FormPanel({
  10.         title: 'MultiSelect Test',
  11.         width: 700,
  12.         bodyStyle: 'padding:10px;',
  13.         renderTo: 'multiselect',
  14.         items:[{
  15.             xtype: 'multiselect',
  16.             fieldLabel: 'Multiselect<br />(Required)',
  17.             name: 'multiselect',
  18.             width: 250,
  19.             height: 200,
  20.             allowBlank:false,
  21.             store: [[123,'One Hundred Twenty Three'],
  22.                     ['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
  23.                     ['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
  24.             tbar:[{
  25.                 text: 'clear',
  26.                 handler: function(){
  27.                 msForm.getForm().findField('multiselect').reset();
  28.             }
  29.             }],
  30.             ddReorder: true
  31.         }],
  32.         tbar:[{
  33.             text: 'Options',
  34.             menu: [{
  35.             text: 'Set Value (2,3)',
  36.             handler: function(){
  37.                 msForm.getForm().findField('multiselect').setValue('2,3');
  38.             }
  39.         },{
  40.             text: 'Toggle Enabled',
  41.             handler: function(){
  42.                 var m = msForm.getForm().findField('multiselect');
  43.                 if (!m.disabled) {
  44.                     m.disable();
  45.                 } else {
  46.                     m.enable();
  47.                 }
  48.             }
  49.             }]
  50.         }],
  52.         buttons: [{
  53.             text: 'Save',
  54.             handler: function(){
  55.                 if(msForm.getForm().isValid()){
  56.                 Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+
  57.                     msForm.getForm().getValues(true));
  58.                 }
  59.             }
  60.         }]
  61.     });
  64.     var ds = new Ext.data.ArrayStore({
  65.         data: [[123,'One Hundred Twenty Three'],
  66.             ['1', 'One'], ['2', 'Two'], ['3', 'Three'], ['4', 'Four'], ['5', 'Five'],
  67.             ['6', 'Six'], ['7', 'Seven'], ['8', 'Eight'], ['9', 'Nine']],
  68.         fields: ['value','text'],
  69.         sortInfo: {
  70.             field: 'value',
  71.             direction: 'ASC'
  72.         }
  73.     });
  75.     /*
  76.      * Ext.ux.form.ItemSelector Example Code
  77.      */
  78.     var isForm = new Ext.form.FormPanel({
  79.         title: 'ItemSelector Test',
  80.         width:700,
  81.         bodyStyle: 'padding:10px;',
  82.         renderTo: 'itemselector',
  83.         items:[{
  84.             xtype: 'itemselector',
  85.             name: 'itemselector',
  86.             fieldLabel: 'ItemSelector',
  87.         imagePath: '../ux/images/',
  88.             multiselects: [{
  89.                 width: 250,
  90.                 height: 200,
  91.                 store: ds,
  92.                 displayField: 'text',
  93.                 valueField: 'value'
  94.             },{
  95.                 width: 250,
  96.                 height: 200,
  97.                 store: [['10','Ten']],
  98.                 tbar:[{
  99.                     text: 'clear',
  100.                     handler:function(){
  101.                     isForm.getForm().findField('itemselector').reset();
  102.                 }
  103.                 }]
  104.             }]
  105.         }],
  107.         buttons: [{
  108.             text: 'Save',
  109.             handler: function(){
  110.                 if(isForm.getForm().isValid()){
  111.                     Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+
  112.                         isForm.getForm().getValues(true));
  113.                 }
  114.             }
  115.         }]
  116.     });
  118. });