ext lovcombo的使用

?

如下LovCombo.js??????////////代码直接考过去用就行了

?

f('function' !== typeof RegExp.escape) {RegExp.escape = function(s) {   if('string' !== typeof s) {    return s;   }   return s.replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1');}; }// create namespaceExt.ns('Ext.ux.form');Ext.ux.form.LovCombo = Ext.extend(Ext.form.ComboBox, {checkField:'checked'    ,separator:','    ,initComponent:function() {           // template with checkbox   if(!this.tpl) {    this.tpl =      '<tpl for=".">'     +'<div '     +'name="code">
在另一个extjs中应用这个样式Ext.namespace("Ext.ux.form");//在文件头不要忘记引用命名空间{/////////////////////////////////////////这个原先的xtype是combo的，下拉单选框         columnWidth : 1,         border : false,         layout : 'form',         items : [{           hideLabel:true,           hidden:true,           xtype:'lovcombo',//就是这一句了，没有其他了，有效代码就这两句，命运折腾人呀           fieldLabel : '协办部门',           name : 'xiebanDeptId',           id : 'xiebanDeptId',           anchor : '98%', // nessasary           allowBlank : false,           displayField : 'deptName',           valueField : 'deptId',           editable : false,           triggerAction : 'all',           allowBlank : true,           blankText : '请指定协办部门',           emptyText : '请指定协办部门',           store : Neo.frontdesk.deptStore         }]        }]     } 
?效果如图:

落了一个地方，要加添加一个css文件，否则不会显示复选框，我的这个就没显示，加上css就可以了。lovcombo.css.ux-lovcombo-icon {       width:16px;       height:16px;       float:left;       background-position: -1px -1px ! important;       background-repeat:no-repeat ! important;   }   .ux-lovcombo-icon-checked {       background: transparent url(../../../extjs/resources/images/slate/menu/checked.gif);   }   .ux-lovcombo-icon-unchecked {       background: transparent url(../../../extjs/resources/images/slate/menu/unchecked.gif);   }  

?

?