<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- 页面内css部分 -->
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link href="bootstrap-treeview.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<!-- 页面内css部分 -->
<!-- 页面部分 -->
<div id="qycx" class="qycx" style="margin-top: -15px">
<div class="row">
<div class="company-search" id="right_form_block"></div>
</div>
<!-- 检索框 -->
<div class="row">
<div class=" col-sm-2 col-md-3 col-lg-3" style="position: relative;margin-top: 10px;padding:0 5px 0 15px;">
<div class="panel panel-info" style="margin-bottom:0;" id="container_left">
<div class="panel-heading"><span>分组查询</span></div>
<div class="container_center panel-body content_left_tree_div" style="height: calc(100vh - 190px);">
<div id="companyinfo_cgroup_treeview2" class="display_IB width100per nobgtree"></div>
</div>
</div>
</div>
<!-- 右侧 -->
<div class="col-md-9" style="margin-top: 10px">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="base.js"></script>
<!-- 树组件 -->
<script type="text/javascript" src="bootstrap-treeview.js"></script>
<script type="text/javascript" src="bootstrap_treeview_capsulation.js"></script>
<!-- 页面内js部分 -->
<script type="text/javascript">
//本页面功能代码
$(function(){
console.log(Bhl.plugin.BootStrapTree)
Bhl.plugin.BootStrapTree.initTree({
/**
* 展示树的页面id
*/
treeViewId:["companyinfo_cgroup_treeview2"],
/**
* 获取数据的后台
*/
jsonUrl:"bi/companyinfo/cdes/groupTreeJson",
/**
* 根节点过滤参数
*/
filterParamRoot:{
time:'202310'
},
/**
* 展开节点之前执行
*/
beforeOnClick:[
function(node){
Bhl.plugin.BootStrapTree.filterParamChildren[0]={
tablecode: node.tablecode,
istree: node.istree,
time: '202310'
}
}
]
});
var param={
showCheckboxCondition: [function(node){
if(!node.isroot){
return true;
}
return false;
}],
showCheckbox: [true],
onNodeChecked: [
function(event, node) {
// var str='<li id="choosedConditions_li'+node.tablecode+node.code+'"><a>'+node.text+'</a><a href="#" class="glyphicon glyphicon-remove cancel_icon" onclick="_page_companyinfo_companysearch.removeCondition(\''+node.tablecode+'\',\''+node.code+'\');"></a></li>';
// $("#choosedConditions").append($(str));
_page_companyinfo_companysearch.addGroupCondition(node);
$('#companyinfo_cgroup_treeview2').treeview('selectNode', [ node.nodeId, { silent:true } ]);
}
],
onNodeUnchecked: [
function(event, node) {
$('#companyinfo_cgroup_treeview2').treeview('unselectNode', [ node.nodeId, { silent:true } ]);
}
],
onNodeSelected: [
function(event, node) {
//自定义分组/目录 不能点击
if(node &&( "-1"==node.pid|| "自定义分组/目录"==node.text)){
// $('#companyinfo_cgroup_treeview2').treeview('unselectNode', [ node.nodeId, { silent:true } ]);
return false;
}
$('#companyinfo_cgroup_treeview2').treeview('checkNode', [ node.nodeId, { silent:true } ]);
_page_companyinfo_companysearch.addGroupCondition(node);
return false;
}
],
onNodeUnselected:[
function(event, node) {
$('#companyinfo_cgroup_treeview2').treeview('uncheckNode', [ node.nodeId, { silent:true } ]);
return false;
}
],
selectedColor: ['#428bca'],
selectedBackColor: ['#D5E6FD'],
multiSelect:[true]
}
Bhl.plugin.BootStrapTree.buildTree(param,function (data){
if(data.length>0){
$("#companyinfo_cgroup_treeview2").treeview("expandNode", [ 0, { silent: true } ]);//将跟节点展开
}
});
});
</script>
<!-- 页面内js部分 -->
bootstrap-treeview树节点实现动态加载（懒加载）
4星 · 超过85%的资源 16 浏览量
2023-12-22
15:03:26
上传
评论
收藏 139KB RAR 举报 
bootstraptree.rar （11个子文件） 
bootstraptree 
bootstrap.min.css 119KB bootstrap_treeview_capsulation.js 26KB bootstrap-treeview.min.css 477B
index.html 4KB base.js 2KB bootstrap-treeview.js 43KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
weixin_377722852024-02-10没有数据或数据接口呀
