easyui datagrid列内容提示tooltip提示框

时间:2026-02-13 00:32:30

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提示框

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com