bootstrap-combotree异步加载子节点数据_bootstrap combotree-CSDN博客

本文介绍了如何在使用Bootstrap Combotree时实现异步加载子节点的功能。作者在项目中遇到了需要异步加载的需求，通过改造源码，特别是重写了onNodeExpanded事件，以达到在父节点被选中时动态获取子节点数据的效果。文章展示了改造后的js文件内容，并给出了实际项目中一级、二级、三级标签列表的加载效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bootstrap-combotree异步加载子节点数据

小木子第一次写博客，代码基础也不是那么完美，只是分享一下自己的一些自己的想法，如果有什么不对的，希望您留言，ღ( ´･ᴗ･` )比心

在做项目的过程中，前端的框架是bootstrap，想找一个下拉树，就在https://blog.csdn.net/u010506919/article/details/52304142 绯月魍魉这个博主找到相关的资源但是看过源码之后，觉得和自己当初要的有一点距离，想要异步加载子节点的下拉树，我就尝试着重新改造了一下。
我下载了博主的源码，感谢博主。
下拉树的数据是插件本来就构建的，如果要使用这个插件，就必须使用这样的数据结构：

text: 'Parent 1',//节点名称
  id : 'p1',//节点ID
     nodes:[{   //该节点的子节点
	text: 'Parent 2',
      id : 'p2',
  nodes:[{
  text: 'Parent 3',
          id : 'p3',
          nodes:[{}]
          }]
}]

插件有很多事件，下面列出部分事件：

		onNodeChecked: function,//树形菜单被选中时 触发事件
		onNodeCollapsed: function,//树形菜单伸缩时 触发事件		
		onNodeExpanded: function,//树形菜单被展开时 触发事件
		onNodeSelected: function,//树形菜单被选中时 触发事件
		onNodeUnchecked: function,////树形菜单没有被选中 触发事件

我需要实现的是，选中父节点的时候，异步加载所选的子节点列表，重构插件中onNodeExpanded 这个时间能达到目的，我就开始动手了。
inst_