Extjs中Combo组件添加tooltip
2013-09-11 16:16
489 查看
当有时候我们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();!!!
相关文章推荐
- Extjs中Combo组件添加tooltip
- extjs-添加对应的组件
- extjs组件添加事件监听的三种方式
- extjs中combo组件的100%宽度设置
- Extjs4.2 MVC 动态添加删除组件
- ExtJs是通过Ext.ToolTip和Ext.QuickTips两个组件来实现浮动提示功能的
- ExtJs--04--window窗口属性说明并两种方式添加子组件
- extjs组件添加事件监听的三种方式
- extjs 给baseCombo 添加数据
- ExtJs--05--给window组件添加功能条以及子组件获取上级或下级组件的属性和方法
- ExtJs 动态添加组件
- Extjs中为RadioGroup组件添加监听事件,来控制另一个组件是否显示
- ExtJS 4.2 Date组件扩展:添加清除按钮
- ExtJs添加天气组件
- ExtJs动态添加组件
- ExtJS点击添加一个按钮弹出prompt添加combo中
- extjs组件添加事件监听的三种方式 http://blog.sina.com.cn/s/blog_48d7f92901011cfn.html
- 对Extjs“Combo with Templates and Ajax”改进(下拉数据中添加图标标识)
- ExtJS Form扩展组件[ColorFiled, DateTimeFiled, IconCombo, MultiComboBox, DynamicTreeCombox]
- ExtJs 通过按钮动态添加组件