您的位置首页百科问答

easyui datagrid列内容提示tooltip提示框

easyui datagrid列内容提示tooltip提示框

的有关信息介绍如下:

easyui datagrid列内容提示tooltip提示框

连续找了很多天,列内容太长时,给easuyi datagrid添加列内容提示框,现在的版本给字段内容格式化设置class为easuyi-tooltip即可,本次实现jquery easyui 1.4.2版本

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

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

formatter:remarkFormater}

编写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 = '' + abValue + ''; }else{ content = '' + abValue + ''; } } return content;},

废话不多说上图,看效果