专栏首页hotqin888的专栏bootstrap treeview实现target功能,iframe中打开页面

bootstrap treeview实现target功能,iframe中打开页面

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/details/52226278

既然是treeview是侧栏,那么肯定都是用target=iframename这种连接方式,在右边的iframe中打开页面啊,可惜这个插件没这个属性。

作者说用这个

nodeSelected

解决。

代码如下:

左侧栏:
<div id="treeview" class="col-xs-3"></div>
右侧iframe
<div class="col-lg-9">
        <iframe src="/secofficeshow" name='main' id="iframepage" frameborder="0" width="100%" scrolling="no" marginheight="0" marginwidth="0" onLoad="iFrameHeight()"></iframe>
</div> 
显示树
$('#treeview').treeview({
          data: json,//defaultData,
          // data:alternateData,
          enableLinks:true,
          showTags:true,
          // collapseIcon:"glyphicon glyphicon-chevron-up",
          // expandIcon:"glyphicon glyphicon-chevron-down",
        });
实现点击菜单,在iframe中打开页面
$('#treeview').on('nodeSelected', function(event, data) {
          // clickNode(event, data)  
            alert(JSON.stringify(data));
            alert(data.text);
            alert(data.nodeId); 
          document.getElementById("iframepage").src="/secofficeshow?secid="+data.nodeId;
          // document.getElementById("iframepage").src="http://www.baidu.com";

          var arr = $('#treeview').treeview('getSelected');
            alert(JSON.stringify(arr));

        });

坑:这个返回值data是json格式,所以折腾半天。

参考:

http://www.cnblogs.com/tiancai/p/5749232.html

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • bootstrap table x-editable select2——带图标的选择

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

    hotqin888
  • bootstrap treeview 增删改的正确姿势

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

    hotqin888
  • bootstrap treeview级联勾选的正确姿势

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

    hotqin888
  • Python Socket传输图片

    我们在传输数据时,经常使用tcp/ip的服务器和客户端模型,很多设备也经常将网口作为硬件接口预留出来。可以使用tcp/ip传输图像、大的文件等,如果图片过大,还...

    用户5908113
  • 深入seajs源码系列二

    模块类和状态类 参照上文的demo,我们结合源码分析在简单的API调用的背后,到底使用了什么技巧来实现各个模块的依赖加载以及模块API的导出。        ...

    欲休
  • php 二维码生成类

    <?php /** * BarcodeQR - Code QR Barcode Image Generator (PNG) * @package Barco...

    joshua317
  • 中科点击:大数据精准招商平台将成为政府智慧招商的标配

    招商引资是实现城市发展目标、构建现代化产业体系、形成发展优势的重要抓手,是促进经济社会高质量发展的重要手段和必然选择。改革开放以来,各个地方都不遗余力大力开展招...

    拼命三郎
  • 【python35小工具】b站弹幕保存

    (其中值得注意的时,页面默认会保存10个弹幕,我的方法是迭代的时候,取最后一个,然后if简单判断不重复打印)

    py3study
  • 【数学建模】之Matlab实现BP神经网络

    trainning:用来训练的数据。 validtion:测量网络泛化的数据(泛化停止改善时停止训练) testing:用来测试神经网络的数据。

    树枝990

扫码关注云+社区

领取腾讯云代金券