说明
最近甲方需要在一个表格中添加列,列内容文字数量庞大,不可能完全显示,提出了鼠标悬停显示列内容的要求。发现easy-ui没有提供列内容浮显属性,查找了大量资料,做个记录。
定义函数
当设置了title,鼠标掠过或者悬停在定义了title的域时,会显示title内容。定义一个函数,把列值转化为显示标题title:
//鼠标悬停显示列值
function field2Title(val) {
return "<a title=" + val + ">" + val + "</a>";
}
使用函数
</div>
<table style="height:100%;" id="grid" data-bind="treegrid: component.grid" data-options="fit:true,toolbar:'#tbgrid1'">
<thead>
<tr>
<th data-options="field:'projectName',align:'center',width:50,formatter:field2Title">项目名称</th>
</tr>
</thead>
</table>
</div>
效果
完成!!!