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

既然是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格式，所以折腾半天。