首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-09-02 
Ext Combo 添加空值并且显示出来1、最简单的方案是在后台从数据库中查询了Combobox数据时,在返回的结果中构

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

热点排行