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