easyui datagrid列内容提示tooltip提示框

 时间:2026-04-23 13:11:47

1、设置列字段内容格式化函数remarkFormater     具体datagrid请百度

{title:'内容', field:'code', width:160, sortable:true,

formatter: remarkFormater}

2、编写remarkFormater   格式化函数重点是在class="easyui-tooltip"这个属性设置,然后就实现了

// 设置内容的信息remarkFormater:function(value, row, index) {   alert("value="+value+"  index="+index);   var content = '';   var abValue = value +'';   if(value != undefined){      if(value.length>=22) {         abValue = value.substring(0,19) + "...";         content = '<a href="javascript:;"  title="' + value + '" class="easyui-tooltip">' + abValue + '</a>';      }else{         content = '<a href="javascript:;"  title="' + abValue + '" class="easyui-tooltip">' + abValue + '</a>';      }   }   return content;},

3、废话不多说上图,看效果

easyui datagrid列内容提示tooltip提示框

  • 使用Windows server 2003如何添加Windows凭据
  • Windows server 2008安装Windows Server Backup
  • bat中for命令/d扩展用法
  • Hyper-V中Ubuntu 同windows系统共享文件夹
  • EditPlus 技巧大全:[2]文本搜索技巧
  • 热门搜索
    春节手抄报花边 科普手抄报资料 一年级感恩手抄报 母爱手抄报图片 初一数学手抄报图片 迈好初中第一步手抄报 节约从我做起手抄报 关于火灾的手抄报 关于保护地球的手抄报 日行一善手抄报花边