需求
需要根据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' 属性,至此,问题解决。