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