easyui datagrid列内容提示tooltip提示框

2025-09-25 05:22:06

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢