首页 > 代码库 > ExtJS4.x Grid 单元格鼠标悬停提示

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.textContent28                         //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 单元格鼠标悬停提示