layui table 表格数据显示超链接

原创于 2019-12-23 17:58:48 发布 · 8.1k 阅读

23 ·

CC 4.0 BY-SA版权

文章标签：

#layui

layui 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在layui框架中将后台返回的数据转化为表格中的超链接，并添加点击事件实现图片预览功能。通过自定义模板函数proofPicture，对特定列的数据进行处理，使其响应点击并触发lay-event事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

layui 显示后台返回数据，需要将某一列数据转换为超链接，进行点击事件

例子

layui table

cols: [[
            {field: 'imgList', title: '图片凭证', minWidth: 90, align: "center", templet: proofPicture}
        ]],
done: function (res, curr, count) {

}

function proofPicture(d) {
        var proofPicture = d.imgList;
        if ('' == proofPicture || null == proofPicture || undefined == proofPicture) {
            return '';
        }
        if(proofPicture.length > 0) {
            return '<a class="layui-blue" href="javascript:void(0);" lay-event="picture">图片凭证预览</a>'
        }
    }