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

ExtJS4.2 Grid单元格的鼠标悬浮提示：

//每一个列都会出现鼠标悬浮上去显示内容 /** * //适用于Extjs4.x * @class Ext.grid.GridView * @override Ext.grid.GridView * GridPanel单元格不能选中复制问题 * 单元格数据显示不完整 ,增加title 浮动提示信息 */ Ext.override(Ext.grid.GridPanel, { afterRender : Ext.Function.createSequence(Ext.grid.GridPanel.prototype.afterRender, function() { // 默认显示提示 if (!this.cellTip) { return; } var view = this.getView(); this.tip = new Ext.ToolTip({ target: view.el, delegate : '.x-grid-cell-inner', trackMouse: true, renderTo: document.body, ancor : 'top', style : 'background-color: #FFFFCC;', listeners: { beforeshow: function updateTipBody(tip) { //取cell的值 //fireFox tip.triggerElement.textContent //IE tip.triggerElement.innerText var tipText = (tip.triggerElement.innerText || tip.triggerElement.textContent); if (Ext.isEmpty(tipText) || Ext.isEmpty(tipText.trim()) ) { return false; } tip.update(tipText); } } }); }) });

使用方法：

开启提示

Ext.QuickTips.init();

gridPanel增加属性：

cellTip : true