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

浏览数：102 / 时间：2015年06月09日

 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 });