easyui datagrid列内容提示tooltip提示框

 时间:2024-10-14 15:05:43

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提示框
  • 使用Windows server 2003如何添加Windows凭据
  • Windows server 2008安装Windows Server Backup
  • bat中for命令/d扩展用法
  • Hyper-V中Ubuntu 同windows系统共享文件夹
  • EditPlus 技巧大全:[2]文本搜索技巧
  • 热门搜索
    圣诞节的手抄报 古典名著手抄报 法律知识手抄报 六一手抄报简单又好画 七一建党节手抄报 红十字手抄报 五一手抄报图片 手抄报端午节 欢庆六一节手抄报 英语手抄报设计