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

html-css034

组件分享之前端组件——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 */

}