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