easyui datagrid列内容提示tooltip提示框

2025-04-06 06:02:28

1、设置列字段内容格式化函数remarkFormater 具体datagrid请百度{title:'内容', field:'code', width:160, sortable:true,formatter:remarkFormater}

2、编写remarkFormater 格式化函数重点是在class="easyui-tooltip&鳎溻趄酃quot;这个属性设置,然后就实现了// 设置内容的信息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。
猜你喜欢