博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
EXTJS 4.2 实现 gridpanel 鼠标悬停单元格以提示信息的方式显示单元格内容。
阅读量:5342 次
发布时间:2019-06-15

本文共 1152 字,大约阅读时间需要 3 分钟。

     由于gridpanel的单元格里的文字太多时候,都由省略号代替,就想实现如题的功能,经过反复实验,终于搞定了!直接上代码:

 

me.on('itemmouseenter', function (view, record, item, index, e, eOpts) {            if (view.tip == null) {  //这块判断很重要,不能每次都创建个tooltip,要不显示会有问题。                view.tip = Ext.create('Ext.tip.ToolTip', {                    // The overall target element.                    target: view.el,                    // Each grid row causes its own separate show and hide.                    delegate: view.itemSelector,                    // Moving within the row should not hide the tip.                    //  trackMouse: false,                    // Render immediately so that tip.body can be referenced prior to the first show.                    renderTo: Ext.getBody()                });            };            var gridColums = view.getGridColumns();            var column = gridColums[e.getTarget(view.cellSelector).cellIndex];             view.el.clean();             view.tip.update(record.data[column.dataIndex]);                                                               });
解释下:这里截取主要的代码,实际中,就是监听你的表格itemmouseenter这个事件就行了! 效果如图!
 

转载于:https://www.cnblogs.com/Y-X-DONG/p/5063833.html

你可能感兴趣的文章
How to Find Research Problems
查看>>
Linux用户管理
查看>>
数据库第1,2,3范式学习
查看>>
《Linux内核设计与实现》第四章学习笔记
查看>>
使用iperf测试网络性能
查看>>
struts2入门之准备工作
查看>>
从C语言的弱类型属性说起
查看>>
图片的显示隐藏(两张图片,默认的时候显示第一张,点击的时候显示另一张)...
查看>>
Docker 安装MySQL5.7(三)
查看>>
python 模块 来了 (调包侠 修炼手册一)
查看>>
关于CSS的使用方式
查看>>
本地MongoDB服务开启与连接本地以及远程服务器MongoDB服务
查看>>
跨域解决方案之CORS
查看>>
学习RESTFul架构
查看>>
分析语句执行步骤并对排出耗时比较多的语句
查看>>
原生JS轮播-各种效果的极简实现
查看>>
软件工程总结作业---提问回顾与个人总结
查看>>
计数器方法使用?
查看>>
带你全面了解高级 Java 面试中需要掌握的 JVM 知识点
查看>>
sonar结合jenkins
查看>>