bootstrap treeview控件

需要bootstrap.css;bootstrap.js;bootstrap-treeview.css;bootstrap-treeview.js.

//js代码

function createTree(){
    selectNode = null;//选中的节点id
    $.get("findChildOrgs.do", {pOrgId:null}, function(data) {
try {
var list = data.data;
var children=[];
if (list) {
for (var i = 0;i < list.length;i ++) {
children.push({
id: list[i].id,
text: list[i].text,
});
}
}
var tree = [{
text: '机构单位',
nodes: children
}];
var count=[];
$("#tree").treeview({
data: tree,
color:'#ffffff',
levels: 3,
onhoverColor: '#428bca',
backColor:'transparent',
expandIcon: 'glyphicon glyphicon-plus',
collapseIcon: 'glyphicon glyphicon-minus',
emptyIcon: 'glyphicon',
                    onNodeSelected: function (event, data) {//选中事件
                    selectNodeId = data.id;
                    searchFun();//这个方法可以忽略不计
                    if(null==count[data.id]){
                      $.ajax({
          type: "get",
          url: "findChildOrgs.do?pOrgId=" + data.id,
          dataType: "json",
          success: function (result) {
              var dataValue=result.data;
              for (var index = 0; index < dataValue.length; index++) {
                      $("#tree").treeview("addNode",[data.nodeId,{ node: {id:dataValue[index].id,text:dataValue[index].text}, silent: true }]);//增加节点，这个方法我自己加上去的
              }
          $("#tree").treeview("expandNode", [data.nodeId, { levels: 2, silent: true } ]);//这个是为了让它加载完子节点展开，不加这行代码加载完子节点不展开
          }
          });
                          }
                          count[data.id]=data.id;//count是为了避免重复，这个控件在异步加载是不会判断重复，需自己判断
                    },
});
} catch (e) {
}
}, "json");

        }

//html代码

<div style="margin-top:-650px;">
<i>机构列表:</i>
<div id="tree" style="width:250px;background-color:transparent;overflow-y:scroll;height:565px;"></div>
</div>