4.4. 色诱术の格式化单元格 - 图1

    色诱术,漩涡鸣人自创的变身忍术,也是鸣人的成名绝技。连大筒木辉夜都惊呆了。

    Eova中也存在色诱术,默认情况下的数据就静静的躺在Grid的单元格中,以纯文本的方式展现!一般我们会希望纯文本有个性化的展现,这时候就需要学习色诱术,摇身一变,以高大上的方式展现.

    常见的需求有:加粗颜色超链接图片JS特效,鼠标移入,双击,图片放大…JS单元格计算特殊列

    将单元格内容格式化为URL:4.4. 色诱术の格式化单元格 - 图2

    1. function(value, row, index, field) {
    2. return '<a target="_blank" href="http://g.cn" style="color:blue">' + value + '</a>'
    3. }

    行尾单元格添加各种操作:4.4. 色诱术の格式化单元格 - 图3

    1. function(value, row, index, field) {
    2. 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>';
    3. }

    图片文件格式化为图片显示:

    1. function(value, row, index, field) {
    2. return '<img src="http://127.0.0.1/image/' + row.value + '" />';
    3. }

    红色加粗:

    1. function(value, row, index, field) {
    2. return '<b style="color:red">' + row.value + '</b>';
    3. }

    将如上的代码填入数据库中eova_field表formatter字段中即可!