组件分享之前端组件——bootstrap-treeview 简单的tree树组件

html-css017

组件分享之前端组件——bootstrap-treeview 简单的tree树组件,第1张

近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。

本次分享的组件是用于前端开发使用的tree树组件。

下面是其开源库中的描述内容：

需要的支持文件：

使用说明：

1、在页面中引用对应css和js文件

2、创建一个容器，作为生成的树存储位置

3、进行启动加载，具体data格式可以参考上面的开源库地址中的README。

虽然前端现在已经被vue、react等占据，但仍然有一些小伙伴们仍在使用一体化开发，jsp开发等，这类前端组件文章主要就用于这类场景下的快速使用，有需要的可以持续关注。

在JavaFX的com.sun.javafx.scene.control.skin.caspian的包中，有一个caspian.css文件，里面定义了JavaFX的默认样式。

打开文件，搜索“Treeview”，可以找到如下内容：

/************************************************************************

 *                                                                      *

 * TreeView and TreeCell                                                *

 *                                                                      *

 ************************************************************************/ 

.tree-view {

    -fx-skin: "com.sun.javafx.scene.control.skin.TreeViewSkin"

    -fx-background-color: -fx-box-border, -fx-control-inner-background

    -fx-background-insets: 0, 1 

    /* There is some oddness if padding is in em values rather than pixels,

       in particular, the left border of the control doesn't show. */

    -fx-padding: 1 /* 0.083333em */

}

…