ext.js3 多选下拉

Ext.js 3是一个JavaScript框架，用于构建Web应用程序。在Ext.js 3中，要实现多选下拉（MultiSelect Combobox），可以使用Ext.ux.form.MultiSelect组件来实现。

首先，我们需要引入相应的Ext.js文件和MultiSelect组件的文件。

<script type="text/javascript" src="extjs/ext-all.js"></script>
<script type="text/javascript" src="ext-ux/src/widgets/form/MultiSelect.js"></script>

接下来，我们可以创建一个下拉框，并将其转换为多选下拉框。

new Ext.form.MultiSelect({
    fieldLabel: '多选下拉',
    name: 'multiselect',
    width: 300,
    height: 150,
    store: new Ext.data.ArrayStore({
        fields: ['value', 'text'],
        data: [
            ['1', '选项1'],
            ['2', '选项2'],
            ['3', '选项3'],
            ['4', '选项4'],
            ['5', '选项5']
        ]
    }),
    valueField: 'value',
    displayField: 'text',
    mode: 'local',
    emptyText: '请选择',
    selectOnFocus: true,
    delimiter: ','
});

在上面的代码中，我们创建了一个MultiSelect组件，并将其放置在一个表单中。该组件的name属性用于表单提交时的字段名，width和height属性用于设置组件的宽度和高度。store属性为组件提供数据源，该数据源可以是一个数组或者一个Ext.data.Store对象。valueField属性用于指定值字段，displayField属性用于指定显示的字段。mode属性设置为'local'，表示数据源来自本地数据。emptyText属性用于设置默认的空文本，selectOnFocus属性设置为true，在组件获得焦点时自动选中已选择的值。delimiter属性用于设置值之间的分隔符。

以上就是使用Ext.js 3实现多选下拉的简单示例，通过这个示例，我们可以根据实际需求进行灵活的配置和扩展。