Ext 鼠标悬停grid的一行显示该行信息

原创 2013年12月05日 13:15:28
_grid.on('mouseover', function(e) {// 添加mouseover事件
            var index = _grid.getView().findRowIndex(e.getTarget());
            var index2 = _grid.getView().findCellIndex(e.getTarget());
            var store = _grid.getStore();
            // 根据mouse所在的target可以取到列的位置
            //alert(index + "==" + index2);

            if (index !== false) {// 当取到了正确的列时,(因为如果传入的target列没有取到的时候会返回false)
                var record = store.getAt(index);// 把这列的record取出来
                var str = Ext.encode(record.data);// 组装一个字符串,这个需要你自己来完成,这儿我把他序列化
                var rowEl = Ext.get(e.getTarget());// 把target转换成Ext.Element对象
                rowEl.set({
                    'ext:qtip' : str
                // 设置它的tip属性
                }, false);

            }
        });

ext grid鼠标悬停和提示

鼠标悬停:{ //align : 'left', text : '公告标题', ...
  • kangweiwu
  • kangweiwu
  • 2017年03月06日 11:31
  • 1524

Ext JS4序列教程之一 :Data Grid数据表格控件

1、  Data Grid数据表格控件的前世今生   做WEB开发最常见数据展现形式当属数据表格控件莫属了,在AJAX等富客户端框架出现之前,我们都采用Table标签来开发数据表格,传统的Table...
  • lishengbo
  • lishengbo
  • 2015年02月12日 17:02
  • 2064

Swing鼠标悬停时巧用上下文菜单显示提示信息

Swing的大多数控件都已经实现了setToolTip接口,当鼠标悬停时会显示设置好的提示信息。但是当需要精确地显示复杂的提示信息时就力不从心。本文就介绍利用上下文菜单来显示复杂的提示信息。   ...
  • zk281095
  • zk281095
  • 2016年04月03日 10:20
  • 891

Eclipse 打开鼠标悬停提示功能

通常我们在使用 Eclipse 编辑 java 类文件时,缺少引用之类的,会在类名下面显示红色的波浪线,鼠标移上去会显示解决此类问题的提示,但今天一个小伙伴的 Eclipse 却怎么也不弹出提示了。解...
  • testcs_dn
  • testcs_dn
  • 2017年04月10日 19:04
  • 3415

【JS】表格行鼠标悬停背景高亮效果

原始效果如下: 当鼠标停留在哪一行,改行会高亮显示: 实现源码如下: 表格行鼠标悬停背景高亮 .div1{ margin:20px auto; width:400px; height:...
  • hongxiaoshuang
  • hongxiaoshuang
  • 2016年10月19日 23:12
  • 312

bootstrap实现鼠标悬停下拉菜单

本文用于总结自己在实现将bootstrap的下拉菜单修改成鼠标悬停下拉菜单显示的过程。 下面是详细代码: Bootstrap导航条鼠标悬停下拉菜单 ...
  • ONROAD0612
  • ONROAD0612
  • 2017年05月27日 13:37
  • 899

Ext Js Grid 编辑 新增 删除 保存的一个小示例

文章转自http://tiantiankaixin.iteye.com/blog/743228   Ext Js Grid 编辑 新增 删除 保存的一个小示例 Paging ...
  • hbiao68
  • hbiao68
  • 2013年12月04日 09:59
  • 1096

Android Studio鼠标悬停显示注释

Android Studio鼠标悬停显示注释 在AS中配置 如果你想从网上查看注释,到这一步就操作完成。 下面说明让软件使用本地注释: 使用本地注释 以Windows为例...
  • u010596115
  • u010596115
  • 2016年10月22日 20:40
  • 1556

Easyui 鼠标悬停显示单元格内容

example1:$.extend($.fn.datagrid.methods, {     /**      * @author SoySauce      * 开打提示功能(基于1.3.3+...
  • SoySauce_lm
  • SoySauce_lm
  • 2017年03月20日 21:32
  • 603

鼠标经过出现气泡框

今天看到一个css效果不错,转一下 1.html Animated Menu Hover 1 $(document).ready(function(){ $(".menu li"...
  • kouwoo
  • kouwoo
  • 2015年02月06日 09:29
  • 978
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ext 鼠标悬停grid的一行显示该行信息
举报原因:
原因补充:

(最多只允许输入30个字)