Ext.form.ComboBox tip
2010-03-13 16:49
232 查看
当有时候我们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();!!!
相关文章推荐
- Ext.form.ComboBox 属性详解及使用方法介绍和级联使用
- Ext.form.ComboBox使用方法介绍和级联使用
- Ext.form.ComboBox提交始终获得displayField的值-解决
- EXTJS学习系列提高篇:第二十九篇(转载)作者殷良胜,ext2.2打造Ext.form.ComboBox系列--树形结构
- Ext.form.field.ComboBox结合Servlet、JSON实现AutoComplete
- Ext.form.ComboBox选择一次后只剩一个选项
- [code]使Ext.form.Combobox支持手动输入的值
- Ext.form.ComboBox 常用的事件和方法
- Ext.form.field.comboBox
- Ext.form.field.ComboBox 切换store没有反应
- Ext.form.ComboBox显示错误的问题
- ExtJs4 Ext.form.field.ComboBox 刷新数据出现一直加载的问题
- Ext.form.ComboBox
- Ext.widgets-form(下)ComboBox,TimeField,DateField,TriggerField,TextArea,NumberField(转)
- Ext.form.ComboBox实现省、市、县级联
- Ext填充form中的combobox
- Ext.form.ComboBox简单用法
- Ext.form.field.ComboBoxView
- Ext.form.ComboBox 本地和远程模式的基本定义
- Ext.form.ComboBox的setValue()问题