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

本文共 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

你可能感兴趣的文章
转:标签中的href如何调用js
查看>>
CrawlSpiders简介
查看>>
面向对象编程
查看>>
django-rest-framework 视图的使用规则 总结分享
查看>>
drf 访问文档出现错误'AutoSchema' object has no attribute 'get_link'
查看>>
django-rest-framwork 错误信息整理
查看>>
第一讲 评估类模型之层次分析法
查看>>
评估类模型之优劣解距离法Topsis模型
查看>>
MNIST 数据集介绍
查看>>
浅谈response和request方法
查看>>
浮点数的二进制表示
查看>>
leetcode 173-Binary Search Tree Iterator(medium)
查看>>
【移动开发】Android中WIFI开发总结(二)
查看>>
beyond compare 数据对比工具
查看>>
python3链接oracle
查看>>
【NOIP2017】时间复杂度
查看>>
poj 3375 Network Connection
查看>>
C# 获取当前月第一天和最后一天
查看>>
shipin_beanshell_讲解
查看>>
购物小练习
查看>>