使用ExtJs多选组合框

时间:2010-06-05 10:36:24

标签: javascript combobox extjs multi-select

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

这是我到目前为止所做的,但它只是一个选择:

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);

我没有在documentation中看到任何表明支持此参数的参数。我还找到了thisthis,但我只能让他们使用Ext 2。

2 个答案:

答案 0 :(得分:6)

查看SuperBoxSelect扩展程序。

答案 1 :(得分:3)

查看Saki的Ext.ux.form.LovCombo