extJS如何创建多选？

我在sencha.com发现这个教程：

 var msForm = new Ext.form.FormPanel({ 
    title: 'MultiSelect Test', 
    width:700, 
    bodyStyle: 'padding:10px;', 
    items:[{ 
     xtype:"multiselect", 
     fieldLabel:"Multiselect<br />(Required)", 
     name:"multiselect", 
     dataFields:["code", "desc"], 
     valueField:"code", 
     displayField:"desc", 
     width:250, 
     height:200, 
     allowBlank:false, 
     data:[[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(); 
      } 
     }] 
    }],  
    buttons: [{ 
     text: 'Save', 
     handler: function(){ 
      if(msForm.getForm().isValid()){ 
       Ext.Msg.alert('Submitted Values', 'The following will be sent to the server: <br />'+ 
        msForm.getForm().getValues(true)); 
      } 
     } 
    }] 
});

当我贴吧，写msForm

，只是白色的屏幕，当我删除此代码，万物完美..跆拳道？我也想多选！

来源

2011-05-02 waucherererpo

下载Firefox，来自getfirebug.com安装Firebug扩展，然后用Firebug的运行代码，打开和报到错误信息。 – JamesHalsall 2011-05-02 11:20:09

没有错误萤火虫建立 – waucherererpo 2011-05-02 11:27:01

如果正在显示_nothing_，则必须发生错误，如果页面上有文本，那么它可能只是一个CSS问题 – JamesHalsall 2011-05-02 11:59:24

只需添加代码是不够的！您需要添加CSS和JS文件。您需要添加：

MultiSelect.css
MultiSelect.js

您还必须使用ItemSelector.js按您的要求。这些文件可在：

来源

2011-05-02 11:22:52

它支持extjs版本3.0吗？ – waucherererpo 2011-05-02 11:25:06

是应该.. – 2011-05-02 11:26:17

嗯，仍然没有什么，奇怪的问题我有：S – waucherererpo 2011-05-02 11:27:33

extJS如何创建多选？

回答

相关问题