Extjs中Combo组件添加tooltip

来源：互联网发布：张韶涵范玮琪恩怨知乎编辑：程序博客网时间：2024/05/16 06:45

当有时候我们combobox框里面的值太长，定义一定的长度，不能完全看见，这是就需要加tooltip,当鼠标悬浮时，出现完整的字符。 具体代码实现： 一个combobox框 var operateEvent = new Ext.form.ComboBox({ fieldLabel:'操作事件', width:150, valueField:'value', displayField:'name', triggerAction: 'all',                      selectOnFocus:true, hiddenName:'operation', tpl :tpl, store:operationEventStore, editable:false }); var tpl = '<tpl for="."><div class="x-combo-list-item" ext:qtitle="值" ext:qtip="{name}">{name}</div></tpl>'; tpl是var tplO = new Ext.XTemplate()里面的字符串，在combox里面定义配置项tpl：相当于创建一个模板对象。 然后在<div>中加ext:qtip; 必须加上   Ext.QuickTips.init(); 上面功能才能实现。

如果下拉框选项过长，需要加省略号，可以设置tpl为

'<tpl for="."><div class="x-combo-list-item" ext:qtitle="值" ext:qtip="{name}">{name:ellipsis(15)}</div></tpl>';

-----------------------------------------

记得Ext.QuickTips.init();！！！