`
chun521521
  • 浏览: 285189 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

ext3 grid中加入tip

    博客分类:
  • ext
EXT 
阅读更多

 

该方法适用于 普通grid、PropertyGrid。

 
 propertyGrid.on('render', function(grid){
  var view = grid.getView();
  var store = grid.getStore();
  grid.tip = new Ext.ToolTip({
   target: view.mainBody,
   delegate: '.x-grid3-row',
   trackMouse: true,
   renderTo: document.body,
   listeners: {
    beforeshow: function updateTipBody(tip) {

     var rowIndex = view.findRowIndex(tip.triggerElement);
     var key = store.getAt(rowIndex).get('name');// grid的列的值
      tip.body.dom.innerHTML = '这里是要显示的内容';
    }
   }
  });
 });

 

 

0
1
分享到:
评论

相关推荐

    Ext 2.3中文文档-API

    10. **工具提示和提示框**:EXT提供了多种提示信息的解决方案,如Tip、Tooltip和MessageBox,文档中会详细解释它们的使用。 通过阅读和理解这份Ext 2.3中文文档-API,开发者不仅可以深入理解EXT的底层机制,还能...

    ExtJS ToolTip功能

    delegate:view.cellSelector+'.tip3' }]; ``` 这部分代码定义了三个ToolTip对象,分别对应表格中的三列。每个ToolTip都指定了目标元素、显示的信息以及延迟时间等属性。 #### 总结 通过上述示例,我们了解了...

    Extjs Grid 中的 ToolTip效果

    首先,EXTJS提供了两种主要类型的Tooltip:Ext.tip.ToolTip和Ext.grid.tooltip.GridTip。前者是通用的Tooltip类,适用于任何需要显示提示的地方;后者是专门为Grid定制的,能更好地与Grid的行和列配合工作。 实现...

    extjs4 ComboBox 点击下拉框 出现grid效果

    在实际项目中,你应该根据需求选择合适的库版本,并通过`ext.js`或`ext-dev.js`引入EXTJS的核心库,然后根据需要引入其他组件,比如ComboBox和Grid。 总结来说,EXTJS4的ComboBox可以通过自定义事件处理和组件嵌套...

    Ext 2.0 中文api 天涯浪子

    在Ext 2.0中,API(Application Programming Interface)文档是至关重要的,因为它详细介绍了框架中的类、方法、属性和事件,帮助开发者快速掌握如何使用这些功能。这个API文档涵盖了以下几个关键知识点: 1. **...

    ext北风基础班讲义

    3. **信息提示框组件(InfoTip)**:InfoTip的用途、结构和API。如何通过`Ext.tip.InfoTip`创建一个提示框,设置其标题(title)、内容(html)和位置(anchor)。 4. **事件监听与处理**:学习如何监听用户的交互...

    用tip解决Ext列宽度不够的问题

    3. **配置Grid列**: 在配置Grid的列模型(column model)时,确保指定了`renderer`属性为`renderHallName`函数,这样该列就会使用这个函数来渲染内容,并包含QuickTips功能。 ```javascript var columns = [ {...

    ext2.0 详解和API

    8. **工具提示**:如Ext.tip.ToolTip,用于显示浮动的提示信息。 **EXT2.0的Demos** "Demos_Ext2.0.rar"可能包含了EXT2.0的官方示例代码,这些示例通常涵盖了框架的各个功能模块,包括基本组件的使用、数据绑定、...

    解决EXT.NET在IE9下中文太小Default.css

    14. `.x-tip` 相关类:提示框中的字体大小,确保提示信息易于阅读。 15. `.x-menu-list-item`:菜单项的字体大小,提高菜单的可读性。 16. `.x-combo-list-hd` 和 `.x-combo-list-item`:下拉列表标题和条目的字体...

    extjs的xtype class对照表

    对应的类是 `Ext.tip.ToolTip`。工具提示用于显示鼠标悬停在元素上方时的附加信息。 在实际应用中,开发者可以根据需求自定义`xtype`,通过继承已有的`class` 并添加新的属性和方法。`ExtJS xtype class对照表`...

    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....

    extjs4.0学习笔记

    11. **数据源(Ext.grid.Panel)**:`store`是EXTJS中数据的容器,`columnLines`控制是否显示列分割线,`columns`定义了列的结构。`viewConfig`允许自定义网格视图的属性,如`stripeRows`用于开启斑马线效果,`...

    Extjs4 GridPanel 的几种样式使用介绍

    此外,还可以使用`Ext.tip.QuickTipManager.init()`初始化快速提示管理器,这样在鼠标悬停在列头或其他元素上时,可以显示额外的信息。 总之,ExtJS 4的GridPanel提供了强大的功能来展示和操作数据,包括数据源的...

    一个支持annotation的SSH整合示例项目

    卷 (USB)Project 的文件夹 PATH 列表 卷序列号码为 0006EE44 CCBE:F425 I:. │ .project │ pom.xml │ pom.xml~ │ text.txt │ ├─.settings │ org.maven.ide.eclipse.prefs ...│ │ org.eclipse.wst.common....

    extjs2.02帮助文档

    3. **数据绑定**:ExtJS的数据绑定机制使得UI与数据模型之间可以实现双向通信。数据源可以是XML、JSON或内存中的对象,通过Store和Model类进行管理。 4. **Grid控件**:ExtJS的Grid组件是其标志性功能之一,用于...

    extjs与系统切分模块设计

    var lightGrid = new Ext.lingo.JsonGrid({ formConfig: [ {name: 'id', fieldLabel: 'ID', allowBlank: true, readOnly: true}, {name: 'name', fieldLabel: '菜单名称', allowBlank: false}, {name: 'tip', ...

    ExtJS基础教程.pdf

    4. **表格类**:包括网格面板(GridPanel)、编辑网格面板(EditorGridPanel)、属性网格(PropertyGrid)、视图(View)、分组视图(GroupingView)、列模型(ColumnModel)和选择模型(SelectionModel),支持复杂的数据展示和...

    Jquery特效大全

    这里提到的是模仿 ext.js(一个流行的 JavaScript 库)中的 tab 选项卡功能。这种效果通常应用于网站的顶部导航区域,用户可以通过点击不同的标签来切换不同的页面或视图。jQuery 版本的 tab 选项卡可以轻松集成到...

Global site tag (gtag.js) - Google Analytics