ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
![](https://box.kancloud.cn/c1c0d9094ac42f53b5e34cfdc8541210_286x210.png) 色诱术,漩涡鸣人自创的变身忍术,也是鸣人的成名绝技。连大筒木辉夜都惊呆了。 Eova中也存在色诱术,默认情况下的数据就静静的躺在Grid的单元格中,以纯文本的方式展现! 一般我们会希望纯文本有个性化的展现,这时候就需要学习色诱术,摇身一变,以高大上的方式展现. 常见的需求有: 加粗 颜色 超链接 图片 JS特效,鼠标移入,双击,图片放大... JS单元格计算 特殊列 将单元格内容格式化为URL: ![](https://box.kancloud.cn/9266d92cc0f02f6048664321933ba250_397x134.png) ~~~ function(value, row, index, field) { return '<a target="_blank" href="http://g.cn" style="color:blue">' + value + '</a>' } ~~~ 行尾单元格添加各种操作: ![](https://box.kancloud.cn/9dd8b94210910d8d0e69c144fd7706a2_635x120.png) ~~~ function(value, row, index, field) { return '<a href="/form/update/users_item_code-' + row.id + '" style="color:blue">修改</a> <a href="/form/add/users_item_code" style="color:blue">修改</a>'; } ~~~ 图片文件格式化为图片显示: ~~~ function(value, row, index, field) { return '<img src="http://127.0.0.1/image/' + row.value + '" />'; } ~~~ 红色加粗: ~~~ function(value, row, index, field) { return '<b style="color:red">' + row.value + '</b>'; } ~~~ 将如上的代码填入数据库中 eova_field表 formatter字段 中即可!