如何在 brazos 数据表中添加图标
How can I add an icon inside a brazos datatable
我想在数据中显示图标而不是字符串或布尔值 table?用例如下:用户希望根据业务对象中的值查看图标(例如支票或 x)。
有人有什么想法吗?
这是一种方法:
将业务对象 属性 的值绑定到数据 Table 中的输出文本。在输出文本的配置属性中,选中“Is HTML”选项,然后转到“高级选项”并输入 java 脚本函数的名称(例如“getIconHTML”)将解析 return 和 HTML 的图标。然后在 Coach 中添加一个“Custom HTML”元素和类似这样的代码:
<script>
function getIconHTML(action){
var htmlAction = “”;
if(!!action){
switch(action){
case “ADD” : htmlAction = ‘<font color=“green”><i class="fa fa-check” aria-hdden=“true”></i></font>’; break;
case “REMOVE” : htmlAction = ‘<font color=“red”><i class="fa fa-times” aria-hdden=“true”></i></font>’; break;
default : break;
}
return htmlAction;
} else {
htmlAction = “”;
return htmlAction;
}
}
</script>
这里我们使用字体很棒的图标,但也可以使用 HTML 实体的十进制代码,例如 ✘(对于 x)或 ✔ 作为复选标记。
希望对您有所帮助!
我想在数据中显示图标而不是字符串或布尔值 table?用例如下:用户希望根据业务对象中的值查看图标(例如支票或 x)。 有人有什么想法吗?
这是一种方法:
将业务对象 属性 的值绑定到数据 Table 中的输出文本。在输出文本的配置属性中,选中“Is HTML”选项,然后转到“高级选项”并输入 java 脚本函数的名称(例如“getIconHTML”)将解析 return 和 HTML 的图标。然后在 Coach 中添加一个“Custom HTML”元素和类似这样的代码:
<script>
function getIconHTML(action){
var htmlAction = “”;
if(!!action){
switch(action){
case “ADD” : htmlAction = ‘<font color=“green”><i class="fa fa-check” aria-hdden=“true”></i></font>’; break;
case “REMOVE” : htmlAction = ‘<font color=“red”><i class="fa fa-times” aria-hdden=“true”></i></font>’; break;
default : break;
}
return htmlAction;
} else {
htmlAction = “”;
return htmlAction;
}
}
</script>
这里我们使用字体很棒的图标,但也可以使用 HTML 实体的十进制代码,例如 ✘(对于 x)或 ✔ 作为复选标记。
希望对您有所帮助!