在layui tree脚本方法里面添加了参数herf:"xxx",实现的默认效果是在新的页面打开,但是我想要将它放到指定的iframe里面,很简单
下面是我的做法
1.在指定iframe打开页面的标签里面添加name="iframe"
<div class="layui-body">
<!-- 内容主体区域 -->
<iframe style="width: 100%; min-height: 500px;" scrolling="no" frameborder="no" name="iframe"></iframe>
</div>
2.点击节点是默认是在新页面打开,查看节点代码主要参数target="_blank",将它更改为target="iframe"即可,那么问题来了,怎样修改它呢?在tree.render方法里面添加回调点击事件,点击节点修改参数即可。
tree.render({
elem:'#leftTree', //默认是点击节点可进行收缩
data:treedata,
isJump:true,
click: function(){
$(".layui-tree-txt").attr("target","iframe");
}
})
我还尝试过另一种方法就是title数据加<a>标签,不过这种方法需要改样式,还是直接改属性的方法方便。
如果大家有更好的方法,请留言分享。