JqGrid中的列实现超链接

需求

需要根据jqgrid表格中的id数据,超链接打开一个新的页面;

代码实现

colModel: [
    { label: 'ID', name: 'Id',index:'tag_id', width: 300, key: true, formatter:  function typeformatter(cellvalue, options, rowObject) {
            if(cellvalue!=null && cellvalue!=undefined){
                var selectHtml="<a href= \"https://www.*******.com/"+cellvalue+"\" target='_blank'>"+cellvalue+"</a>";
            }else {
                var selectHtml="无";
            }
            return selectHtml;
        }},
    { label: '名称', name: 'Name',index:'tag_name', width: 400 },
    { label: '种类名称', name: 'kindName',index:'kind_name', width: 500 }
],

核心就是formmater项,通过函数实现链接地址的拼接;

一个错误

错误信息:Refused to display in a frame because it set ‘X-Frame-Options’ to ‘DENY’

原因分析:前端框架通过iFrame来开发,链接地址的服务器拒绝以IFrame形式打开,所以有拒绝错误信息;

解决思路:自己测试了一下,在新的标签页可以打开地址;所以只要满足超级链接默认打开时,以一个新标签页打开;

在<a>标签中,增加了 target=‘_blank' 属性,至此,问题解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值