`

在表格中出现鼠标一放到某列上就显示提示信息

EXT 
阅读更多

首先介绍一下renderer:

renderer:function(value, cellmeta, record, rowIndex, columnIndex, store){

}  
   1.value是当前单元格的值
   2.cellmeta里保存的是cellId单元格id。
   3.record是这行的所有数据,你想要什么,record.data["id"]这样就获得了。
   4.rowIndex是行号,不是从头往下数的意思,而是计算了分页以后的结果。
   5.columnIndex列号太简单了。
   6.store,实际上这个是你构造表格时候传递的ds,也就是说表格里所有的数据,你都可以随便调用。

 

然后介绍一下怎么用:(例如需要在描述列中鼠标一放上去就显示描述信息)

var cm = new Ext.grid.Column([{
     header: "描述",
     dataIndex: 'description',
     width: 80,
     renderer: function(value,cellmeta,record,rowIndex,columnIndex,store){
      var name="";
      if(value.length > 20){
          for(int i=0;i<value.length;i=i+20){
             name = name+value.sunString(i,i+20)+'';
         }
      }else{
         name = value;
     }
     return '<font ext:qtip="'+name+'">'+value+'</font>;
},{

  .......
}

}]);

  

 

分享到:
评论

相关推荐

    鼠标移动DataGrid显示详细信息

    根据提供的标题、描述、标签及部分内容,我们可以了解到这篇文章主要讲述的是如何实现在鼠标移动到 DataGrid 的某一行时,显示出该行的详细信息。DataGrid 是一种常用的 Web 控件,用于展示表格形式的数据。下面我们...

    QTableView 鼠标移动显示提示框

    在Qt框架中,QTableView是用于展示表格数据的控件,它经常被用在数据库或者结构化数据的显示。QTableView结合QStandardItemModel或者QSqlTableModel等模型类,可以实现数据的动态加载与编辑。本篇文章将深入探讨如何...

    easyui datagrid 增加鼠标悬停弹窗事件

    在本示例中,我们关注的是如何在EasyUI的Datagrid组件上添加一个特殊功能:当鼠标悬停在某一行时,弹出一个窗口显示该行的关键信息,例如用于图片预览。以下是对这个知识点的详细解释: 1. **EasyUI Datagrid**: ...

    js鼠标浮动显示div

    在本案例中,"js鼠标浮动显示div"指的是当鼠标移动到特定的input元素上时,会显示出一个div层,该div层中包含有与input相关的附加信息或者功能。 首先,我们需要了解几个关键的概念: 1. **事件监听器**:...

    layui实现鼠标移动到单元格上显示数据的方法

    这通常通过在一个表格中添加工具提示(tooltip)功能来实现,以达到鼠标移动到单元格上时,会有相应的提示显示出来,这能提高用户体验。 具体操作方法如下: 1. 引入Layui的JavaScript和CSS文件,确保Layui框架已...

    asp.net中GridView数据鼠标移入显示提示信息

    但在某些情况下,用户需要查看数据的详细信息或额外的计算公式,当鼠标悬停在特定单元格上时显示提示信息是非常有用的功能。本篇文章详细介绍了如何在***中使用GridView控件实现鼠标移入显示提示信息的功能。 首先...

    js实现当鼠标移到表格上时显示这一格全部内容的代码

    为了解决这个问题,我们可以实现一个功能:当鼠标悬停在表格单元格上时,弹出一个提示框显示该单元格的全部内容。本示例将展示如何使用JavaScript和CSS实现这个功能。 首先,我们来看CSS部分。创建一个ID为`showbox...

    使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部

    在本文中,我们将探讨如何使用Vue.js实现一个功能,即在表格(table)中,当文字信息超过5个字符时进行隐藏,并在鼠标悬停时通过弹窗显示全部内容。这个功能在数据展示时特别有用,尤其是在处理大量文本数据时,可以...

    LabView图形化编程语言之表格中信息拖拽即可发送到另一个表格中.zip

    在本案例中,我们将实现这一功能,使得用户能方便地将表格A中的数据行或单元格拖放到表格B,从而实现数据的快速转移。 实现这个功能的关键步骤包括: 1. 创建两个表格控件:在LabView的前面板上放置两个表格,分别...

    Word表格使用技巧

    选定并右击表格中作为“分隔”的某列单元格后,选择“合并单元格”,此时中间某列所有单元格就变成了一列,选中并右击该列,选择“边框和底纹”,在“边框和底纹”对话框中选择“自定义”,同时用鼠标单击上下两条...

    Ext的用户扩展控件-----可以在表格的单元格上弹出提示层信息

    然后,在你的EXT应用中引入这个扩展,并在Grid的配置中启用它,通过指定哪一列或者哪些列需要显示提示层,以及如何获取提示信息。 例如,你可能需要这样配置你的Grid: ```javascript var grid = Ext.create('Ext....

    向Word文档中添加表格.rar

    在Word文档中添加表格是一项基本但非常实用的技能,它能帮助我们整理信息、对比数据或规划项目。以下是一些关于如何在Word中创建和编辑表格的详细步骤和技巧: 1. **创建表格** - **菜单栏创建**: 打开Word文档,...

    jquery随鼠标移动的提示插件

    在Web开发中,提供友好的用户交互体验是至关重要的,而提示信息就是其中一种有效的方式。jQuery作为一款强大的JavaScript库,为开发者提供了丰富的功能,包括创建动态和交互式的提示效果。本文将详细探讨“jQuery随...

    帆软单元格内容提示优化插件

    在原始的帆软报表系统中,当鼠标悬停在单元格上时,通常会弹出一个简单的提示框显示单元格的内容。然而,这种提示可能因为字体小、颜色单一或显示不全等问题,使得快速理解和分析数据变得困难。【帆软单元格内容提示...

    鼠标放上去触发一个javascript提示框效果代码

    标题中的“鼠标放上去触发一个javascript提示框效果代码”指的是在网页中,当用户将鼠标悬停在某个元素上时,会弹出一个JavaScript生成的提示框显示相关信息。这种效果通常通过JavaScript事件处理和DOM操作实现,...

    表格的设计与制作PPT学习教案.pptx

    此外,还可以通过快捷键Ctrl+Shift+F12快速插入表格,或者直接拖动鼠标在文档中画出表格框架。 在实际应用中,你可能会遇到需要调整表格结构的情况。例如,当需要增加或减少行列时,可以选定相应的行或列,通过表格...

    Excel表格快捷键大全.docx

    - 在该列的第一行的单元格中输入数字“1”,然后在第二行的单元格中输入公式“=1/0”,回车后会得到一个“#DIV/0!”的错误提示。 - 选中这两个单元格,将鼠标定位于选区右下角的填充句柄,按下鼠标右键,向下拖动...

    delphi 开发经验技巧宝典源码

    0171 判断字符在字符串中出现的个数 111 0172 在语句中查找汉字的个数 112 0173 如何统计中英文个数 112 5.5 字符串的其他操作 113 0174 返回指定字符串的起始位置 113 0175 获得汉字的拼音简码 113 ...

    一份平平无奇的web端表格设计需求文档说明.docx

    5. 更多更多也可以表现为展开和收起,当信息较多,可将一部分的信息放到更多里,优化视觉体验。 6. 分步骤具有新建功能的表格会涉及到表单的设计,当表单信息较多可以将信息分类分步骤填写,优化使用体验。 7. 文案...

Global site tag (gtag.js) - Google Analytics