本篇介绍如何向视图中的某列添加自定义图标和提示信息,先来看下最终的效果,联系人的性别系列显示了(这里男女性别图标反了,就懒得重新截图了),鼠标放到图标会有提示信息(这里图截不出来)。
那要怎么实现上述功能呢,进实体视图编辑,选中对应的列选择编辑属性
填上对应的js文件和方法,截图中的js中就带红框中的方法
再赋上这个js方法的代码
function showIconTooltip(rowData, userlcid) {
var imageName;
var tooltipValue;
var resultarray;
var row = JSON.parse(rowData);
if (row.gendercode_Value==1) {
imageName = "new_male.png";
tooltipValue = "this is a male";
}
else {
imageName = "new_female.png";
tooltipValue = "this is a female";
}
resultarray = [imageName, tooltipValue];
return resultarray;
}
参数是行数据及用户语言,我这里就没判断语言直接用的英文,如果不知道rowdata取出来是什么样的,可以断点跟踪看下。代码中的new_male.png和new_female.png是图标的名称,这个需要你自己挑选好图标作为web资源建好。
最后有两点需要注意下,第一这个图标只在标准视图列显示,可编辑状态下的视图列是不显示的,第二该功能只在web端显示,在outlook和移动端是不显示的。