码迷,mamicode.com
首页 > Web开发 > 详细

ExtJS4.x Grid 单元格鼠标悬停提示

时间:2014-12-29 15:10:22      阅读:471      评论:0      收藏:0      [点我收藏+]

标签:

 1 //每一个列都会出现鼠标悬浮上去显示内容
 2 /** 
 3  * //适用于Extjs4.x
 4 * @class Ext.grid.GridView 
 5 * @override Ext.grid.GridView 
 6 * GridPanel单元格不能选中复制问题 
 7 * 单元格数据显示不完整 ,增加title 浮动提示信息 
 8 */ 
 9 Ext.override(Ext.grid.GridPanel, {
10     afterRender : Ext.Function.createSequence(Ext.grid.GridPanel.prototype.afterRender,
11         function() {
12             /* 默认显示提示
13             if (!this.cellTip) {
14                 return;
15             }*/
16             
17             var view = this.getView();
18             
19             this.tip = new Ext.ToolTip({
20                 target: view.el,
21                 delegate : ‘.x-grid-cell-inner‘,
22                 trackMouse: true, 
23                 renderTo: Ext.getBody(),  
24                 listeners: {  
25                     beforeshow: function updateTipBody(tip) {
26                         //取cell的值
27                         //fireFox  tip.triggerElement.textContent
28                         //IE  tip.triggerElement.innerText 
29                         var tipText = (tip.triggerElement.innerText || tip.triggerElement.textContent);
30                         if (Ext.isEmpty(tipText) || Ext.isEmpty(tipText.trim()) ) {
31                             return false;
32                         }
33                         
34                         tip.update(tipText);
35                     }
36                 }
37             });
38         })
39 });

 

ExtJS4.x Grid 单元格鼠标悬停提示

标签:

原文地址:http://www.cnblogs.com/qingbin-bai/p/4191615.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!