控制侧边栏插件
控制侧边栏组件是 AdminLTE 布局的一部分，作为右侧边栏。
使用方法
此插件可以作为 jQuery 插件或使用数据 API 激活。要激活插件，您必须首先将 HTML 标记添加到您的布局中，然后创建如下所示的切换按钮。
HTML 标记
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
数据 API
添加data-widget="control-sidebar"到任何按钮或元素以激活插件。
<a href="#" data-widget="control-sidebar">Toggle Control Sidebar</a>
jQuery
与所有其他 AdminLTE 插件一样，您也可以通过运行以下示例使用 jQuery 激活切换按钮。
$("#my-toggle-button").ControlSidebar('toggle');
选项
| 名称 | 类型 | 默认 | 描述 |
|---|---|---|---|
| controlsidebarSlide | 布尔值 | TRUE | 侧边栏是否应滑过内容或推内容以腾出空间。 |
| scrollbarTheme | 布尔值 | os-theme-light |
在侧边栏固定时使用的滚动条主题 |
| scrollbarAutoHide | 布尔值 | l |
滚动条自动隐藏触发器 |
| target | 字符串 | .control-sidebar |
目标控制侧边栏以处理多个控制侧边栏。 |
| animationSpeed | 布尔值 | 300 |
设置动画/过渡速度等于 scss 过渡速度。 |
提示！
您可以使用数据属性（如）来启用 768 像素宽度上的自动折叠侧边栏。
<a href="#" data-widget="control-sidebar" data-controlsidebar-slide="false">Toggle Control Sidebar</a>
活动
| 事件类型 | 描述 |
|---|---|
| expanded.lte.controlsidebar | 控制侧边栏展开后触发。 |
| collapsed.lte.controlsidebar | 控制侧边栏折叠后触发。 |
| collapsed-done.lte.controlsidebar | 控制侧边栏完全折叠后触发。 |
示例：$('#toggle-button').on('expanded.lte.controlsidebar', handleExpandedEvent)
方法
| 方法 | 描述 |
|---|---|
| collapse | 折叠控制侧边栏 |
| show | 显示控制侧边栏 |
| toggle | 切换控制侧边栏的展开和折叠状态 |
示例：$('#toggle-button').ControlSidebar('toggle')
