Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有ExtJs的多选组合框_Javascript_Combobox_Extjs_Multi Select - Fatal编程技术网

Javascript 带有ExtJs的多选组合框

Javascript 带有ExtJs的多选组合框,javascript,combobox,extjs,multi-select,Javascript,Combobox,Extjs,Multi Select,如何使用ExtJs实现作为Ext.FormPanel一部分的多选组合框?我一直在寻找,但似乎找不到与最新版本的ExtJs兼容的解决方案(类似,但没有可用/当前的解决方案) 这是我到目前为止所拥有的,但这是一个单一的选择: new Ext.FormPanel({ labelAlign: 'top', frame: true, width: 800, items: [{ layout: 'column', items

如何使用ExtJs实现作为
Ext.FormPanel
一部分的多选组合框?我一直在寻找,但似乎找不到与最新版本的ExtJs兼容的解决方案(类似,但没有可用/当前的解决方案)

这是我到目前为止所拥有的,但这是一个单一的选择:

new Ext.FormPanel({
    labelAlign: 'top',
    frame:      true,
    width:      800,
    items: [{
        layout: 'column',
        items:[{
            columnWidth: 1,
            layout:      'form',
            items: [{
                xtype:          'combo',
                fieldLabel:     'Countries',
                name:           'c[]',
                anchor:         '95%',
                allowBlank:     false,
                typeAhead:      true,
                triggerAction: 'all',
                lazyRender:     true,
                mode:           'local',
                store:          new Ext.data.ArrayStore({
                    id:     0,
                    fields: ['myId', 'displayText'],
                    data: [
                        ["CA", 'Canada'], 
                        ["US", 'United States'],
                        ["JP", 'Japan'],
                    ]
                }),
                valueField:   'myId',
                displayField: 'displayText'
            }]
        }]
    }]
}).render(document.body);

我在中没有看到任何参数表明这是受支持的。我也找到了,但我只能让他们使用Ext 2。

查看Saki的

查看扩展。

它看起来可以工作,但我更喜欢superboxselect的UI。有人试过在加载时的下拉列表中预选几个复选框吗?我的一个团队成员在这方面遇到了一些问题。事实上,我在早些时候发现了这个问题,但由于某种原因,示例没有加载,所以我将其注销。事实证明这正是我所需要的。谢谢,有没有办法限制盒子的高度?有很多国家,这使得显示所选值的框非常高。我看到有一个
maxHeight
属性,但这适用于可能值的列表,而不是我要限制的所选值的列表。别提那个愚蠢的后续问题。在我问了这个问题之后,我意识到我可以用css实现我所需要的。