`
kakarot_java
  • 浏览: 165353 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ext combobox tooltip

EXT 
阅读更多
当有时候我们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(); 上面功能才能实现。
效果如下:
分享到:
评论

相关推荐

    ext-1.0.1.rar

    6. **Form Elements**:EXT提供了多种表单元素,如文本框(TextField)、复选框(Checkbox)、下拉框(ComboBox)等,以及表单验证功能,方便创建交互式的表单。 7. **Drag & Drop**:EXT支持拖放功能,使得用户...

    ext常用操作

    - `xtype: 'combobox'`,下拉列表组件。 - `xtype: 'htmleditor'`,富文本编辑器组件。 21. **inputType** 属性 - 输入类型。 - 示例:`inputType: 'password'`,密码输入类型。 22. **anchor** 属性 - 设置...

    Ext 2 API Documentation

    5. **表单组件**:EXTJS提供了丰富的表单组件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,以及表单验证和提交功能。 6. **Ajax交互**:EXTJS内置了Ajax请求的封装,可以方便地与...

    Extjs中文教程2.x

    `new Ext.form.TextField({ labelWidth: 100, labelAlign: 'right', allowBlank: false, listeners: { afterrender: function(field) { field.el.on('mouseover', function(e) { var tip = new Ext.ToolTip({ ...

    ExtJs使用过程中积攒的一些东西

    - 表单控件:FormPanel可以包含各种表单元素,如文本框`textfield`、密码框`passwordfield`、选择框`checkbox`、复选框组`checkboxgroup`、单选框`radiogroup`、下拉框`combobox`、日期选择器`datefield`等。...

    轻松搞定Extjs 带目录

    - 悬停提示(Tooltip)组件,增强用户体验。 #### 15. 表单布局与初始化 - FormPanel的布局可以灵活配置,以适应不同的页面设计需求。 - 初始化表单时,可以根据需要对表单组件进行初始化设置。 #### 16. 表格...

    ExtJs搜索控件、插件

    1. **搜索控件**:在ExtJS中,搜索控件通常是基于`Ext.form.field.Text`或`Ext.form.field.ComboBox`进行扩展的。它们提供了基本的文本输入,允许用户输入关键字来执行搜索操作。你可以通过添加额外的属性和方法来...

    ExtJS 轻松搞定

    #### 五、Ext.apply()和Ext.applyIf() 介绍了ExtJS提供的两个实用函数,用于合并对象或数组,帮助读者理解如何在不覆盖现有属性的情况下更新对象。 ### 第三部分:消息框 #### 一、话说消息框 讲述了消息框在用户...

    extjs3.0 API 中英

    这个压缩包中的`Ext3.0英文API.CHM`和`Ext 3.0 中文.CHM`文件是帮助文档,可以离线查看。CHM是Microsoft的 Compiled HTML Help 格式,是一种常见的帮助文档格式,包含索引、目录和内容,方便用户快速查找和学习ExtJS...

    Extjs 3.0 中文API

    7. **表单(Form)组件**:表单组件包含各种输入控件,如文本框(TextField)、选择框(ComboBox)、日期选择器(DateField)等,支持数据验证和提交。 8. **树形结构(Tree)**:提供了树形组件,可用于展示和操作...

Global site tag (gtag.js) - Google Analytics