zoukankan      html  css  js  c++  java
  • easyui datagrid列中使用tooltip

    要实现这样一个效果:数据加载到DATAGRID中,鼠标移至某一列时,会弹出tooltip提示框。

    最初的实现方法:

    [javascript] view plaincopy
    1. { field: 'Reply', title: '备注',  220, align: "center",  
    2.                 formatter: function(value, row, index) {  
    3.                     var abValue = value;  
    4.                     if (value.length>=22) {  
    5.                         abValue = value.substring(0,19) + "...";  
    6.                     }  
    7.                     var content = '<a href="#" title="' + value + '" class="tooltip">' + abValue + '</a>';  
    8.                     return content;  
    9.                 }  
    10.   
    11.                }  


    然而效果并没有实现,这原因是动态产生datagrid后,对tooltip未重新渲染,于时用$.parse重新渲染,但还是得到不预定的效果。

    后来在datagrid的onLoadSuccess事件中去产生tooltip,代码如下:

    [javascript] view plaincopy
      1. { field: 'Reply', title: '备注',  220, align: "center",  
      2.                 formatter: function(value, row, index) {  
      3.                     var abValue = value;  
      4.                     if (value.length>=22) {  
      5.                         abValue = value.substring(0,19) + "...";  
      6.                     }  
      7.                     var content = '<a href="#" title="' + value + '" class="note">' + abValue + '</a>';  
      8.                     return content;  
      9.                 }  
      10.   
      11.                }  
      12.   
      13.   
      14. onLoadSuccess:function(data)  
      15.              {  
      16.                 $(".note").tooltip(  
      17.                     {  
      18.                     onShow: function(){  
      19.                         $(this).tooltip('tip').css({   
      20.                             '300',  
      21.                               
      22.                             boxShadow: '1px 1px 3px #292929'                          
      23.                         });  
      24.                     }  
      25.                 }  
      26.                 );  
      27.              }  
  • 相关阅读:
    决策树算法小结
    低配置电脑播放 flash 视频时 占 cpu 资源过高的解决方法
    ts tp 高清播放软件 Elecard MPEG Player 6.0.130827
    KBS2 SBS MBC 高清播放地址 + mplayer 播放 录制
    MPlayer-ww 增加边看边剪切功能
    MPlayer 增加边看边剪切功能
    -fomit-frame-pointer 编译选项在gcc 4.8.2版本中的汇编代码研究
    ffplay mini 媒体播放器
    libavcodec/dxva2.h:40:5: error: unknown type name 'IDirectXVideoDecoder'
    ARGB32 to YUV12 利用 SDL1.2 SDL_ttf 在视频表面输出文本
  • 原文地址:https://www.cnblogs.com/toSeeMyDream/p/4514410.html
Copyright © 2011-2022 走看看