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

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