A标签实现LayUI表格里面的多个文件换行显示以及点击可下载对应文件

效果图:
在这里插入图片描述
实现方法:
前台:

{align : 'center' , width: '25%' , field: 'filename', title: '检验资质', templet:function(d){
            if(d.filename!=null && d.filename !='undefined'){
                var fileName = "";
                //后台取到的文件名、文件路径通过顿号拼接,在前台拆分
                var filename =d.filename.split("、");
                var filepath =d.filepath.split("、");
                for(var i in filename){
                //循环拆分并拼成a标签
                    fileName+= "<a href='/fileDownload/download?fileName="+encodeURI(filename[i]) +"&filePath=" + filepath[i] + "'>" + filename[i] + "</a></br>"
                }
                return fileName;
            }else return "";

            }

后台实现:
SQL语句将查询结果拼接起来

//取
 "FILEPATH.FILE_NAME fileName,FILEPATH.FILE_PATH filePath " +
 //拼接 运用了KingBase的拼接函数 String—_AGG
 (SELECT ATTACHMENT.BUZ_ID, STRING_AGG(ATTACHMENT.ATTACHMENT_NAME, " +
                "'、' ORDER BY ATTACHMENT.ID )FILE_NAME, STRING_AGG(ATTACHMENT.ATTACHMENT_PATH, " +
                " '、' ORDER BY ATTACHMENT.ID )FILE_PATH " +
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值