zoukankan      html  css  js  c++  java
  • 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 });
  • 相关阅读:
    SOLD原则
    整理了自我感觉比较好的链接分享
    编程中所使用的23中模式
    第十周 吉林市一日游
    第十周 psp
    词频统计
    第九周 psp
    第八周PSP
    正确评估SQL数据库性能,你必须知道的原理和方法!
    MongoDB套路
  • 原文地址:https://www.cnblogs.com/qingbin-bai/p/4191615.html
Copyright © 2011-2022 走看看