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

参考：

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