读书人

Ext Combo 平添空值并且显示出来

发布时间: 2012-09-02 21:00:34 作者: rapoo

Ext Combo 添加空值并且显示出来
1、最简单的方案是在后台从数据库中查询了Combobox数据时,在返回的结果中构造一个包含空值 的项;
2、第二种方案是在加载Storer后,在回调函数中手动往Store中加入一条数据记录。

roleAll.load({callback:function(records, options, success){//插入一条空记录var e = new configRoleRecord({  id : "",   roleEn:"",   roleCn: ""});this.insert(0, e);}});


但是上面的操作还是没办法正常的显示这个空值,还要进行下一步操作
重载combox的initList方法,使得可以正常显示空格
/** * 空选项不能正常显示 * 进行修正 */Ext.override(Ext.form.ComboBox, {initList: (function(){if(!this.tpl) {this.tpl = new Ext.XTemplate('<tpl for="."><div class="x-combo-list-item">{', this.displayField , ':this.blank}</div></tpl>', {blank: function(value){return value==='' ? '&nbsp' : value;}});}}).createSequence(Ext.form.ComboBox.prototype.initList)});

读书人网 >Web前端

热点推荐