有时候会遇到这样的情况,从远程获得的ComboBox的值非常长,然而,为了保证ComboBox框的宽度与其他框的宽度一致,所以会造成ComboBox框中数据的显示不完整,这样就需用用ToolTip。例子如下:
var category = new Ext.form.ComboBox({
fieldLabel:'报警类别',
width:120,
hiddenName:'category',
valueField:'value',
displayField:'name',
triggerAction: 'all',
selectOnFocus:true,
mode:'remote' ,
tpl : '<tpl for="."><div class="x-combo-list-item" qtip="{name}">{name}</div></tpl>',
store:categoryStore,
editable:false
});
主要是tpl属性起作用。
var category = new Ext.form.ComboBox({
fieldLabel:'报警类别',
width:120,
hiddenName:'category',
valueField:'value',
displayField:'name',
triggerAction: 'all',
selectOnFocus:true,
mode:'remote' ,
tpl : '<tpl for="."><div class="x-combo-list-item" qtip="{name}">{name}</div></tpl>',
store:categoryStore,
editable:false
});
主要是tpl属性起作用。
本文介绍了一种解决ComboBox中值过长导致显示不全的问题的方法。通过设置ComboBox的tpl属性来使用ToolTip显示完整的数据,确保ComboBox宽度与其他控件保持一致。

7622

被折叠的 条评论
为什么被折叠?



