extjs 2 实现多项下拉菜单

Ext自带的Combox只能单选，实际中很多地方需要多选。

1、页面引入组件

<link rel="stylesheet" type="text/css" href="../css/LovCombo.css"/>
<script type="text/javascript" src="../js/lovcombo.js"></script> 

2、设置组件，xtype:'combo'改为xtype:'lovcombo'

lovcombofiled = new Ext.ux.form.LovCombo({
            width:  100,
            mode: 'local',
            triggerAction : 'all',
            forceSelection: true,
            editable:  false,
            fieldLabel: 'test12',
            value: '是',
            displayField: 'name',
            valueField: 'value',
            store:new Ext.data.JsonStore({
                fields: ['name', 'value'],
                data: [
                {name : '是',  value: '0'},
                {name : '否',  value: '1'}
                ]
            }), beforeBlur : function() {
                   // 解决失去焦点后文本框清空问题，，勾选多个值，组件失去焦点后，文本框的值会被清空，需要额外增加这一段代码，见注释部分。
            }
    });

3、效果图