```html

```

### 2. JavaScript部分

在页面加载完毕后，通过JavaScript初始化jsTree：

```html

```

### 3. 完整的示例代码

```html

```

## 四、高级配置与功能扩展

### 1. 配置选项详解

jsTree提供了丰富的配置选项，允许开发者定制树的外观和行为，一些常用的配置项包括：

- `core`: 核心配置，如数据源、检查框等。

- `plugins`: 启用或禁用特定插件。

- `types`: 定义节点类型。

- `state`: 定义节点状态，如选中、打开等。

- `events`: 绑定自定义事件。

- `crrm`: 配置上下文菜单。

- `dnd`: 拖放支持。

- `contextmenu`: 右键菜单。

- `unique`: 确保节点唯一性。

- `wholerow`: 整行选择。

- `checkbox`: 复选框支持。

- `ui`: 用户界面配置。

- `types`: 节点类型。

- `state`: 节点状态。

- `hotkeys`: 快捷键。

- `search`: 搜索插件。

- `sort`: 排序插件。

- `massload`: 批量加载。

- `vakata_dnd`: 拖放插件。

- `vakata_contextmenu`: 上下文菜单插件。

- `vakata_search`: 搜索插件。

- `vakata_sortable`: 排序插件。

- `ociext_fit`: 自动适应插件。

- `ociext_fullscreen`: 全屏插件。

- `ociext_icons`: 图标插件。

- `ociext_multiple`: 多实例支持。

- `ociext_contextmenu`: 自定义上下文菜单。

- `ociext_dnd`: 自定义拖放。

- `ociext_filter`: 过滤插件。

- `ociext_loading`: 加载指示器。

- `ociext_massload`: 批量加载更多节点。

- `ociext_persistence`: 持久化插件。

- `ociext_print`: 打印插件。

- `ociext_qtip`: qTip插件。

- `ociext_resizable`: 调整大小插件。

- `ociext_save_state`: 保存状态插件。

- `ociext_trash`: 回收站插件。

- `ociext_undo`: 撤销操作插件。

- `ociext_contextmenu`: 上下文菜单插件。

- `ociext_dnd`: 拖放插件。

- `ociext_filter`: 过滤插件。

- `ociext_loading`: 加载指示器插件。

- `ociext_massload`: 批量加载更多节点插件。

- `ociext_persistence`: 持久化插件。

- `ociext_print`: 打印插件。

- `ociext_qtip`: qTip插件。

- `ociext_resizable`: 调整大小插件。

- `ociext_save_state`: 保存状态插件。

- `ociext_trash`: 回收站插件。

- `ociext_undo`: 撤销操作插件。

- `ociext_contextmenu`: 上下文菜单插件。

- `ociext_dnd`: 拖放插件。

- `ociext_filter`: 过滤插件。

- `ociext_loading`: 加载指示器插件。

- `ociext_massload`: 批量加载更多节点插件。

- `ociext_persistence`: 持久化插件。

- `ociext_print`: 打印插件