控制侧栏组件作为右侧侧栏是 AdminLTE 布局的一部分。
此插件可以作为 jQuery 插件或使用 data api 激活。要激活插件，您必须先将 HTML 标记添加到布局中，然后创建如下所示的切换按钮。
<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
<!-- Control sidebar content goes here -->
</aside>
<!-- /.control-sidebar -->
向任何按钮或 a 元素添加 data-widget="control-sidebar" 以激活插件。
<a href="#" data-widget="control-sidebar">Toggle Control Sidebar</a>
就像所有其他 AdminLTE 插件一样，您还可以通过运行以下示例使用 jQuery 激活切换按钮。
$("#my-toggle-button").ControlSidebar('toggle');
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| controlsidebarSlide | 布尔值 | TRUE | 侧边栏是应该滑过内容还是将内容推出以留出自身的空间。 |
| scrollbarTheme | 布尔值 | os-theme-light |
侧栏固定时使用的滚动条主题 |
| scrollbarAutoHide | 布尔值 | l |
滚动条自动隐藏触发器 |
提示！
您可以通过 data 属性使用任何选项，比如这样，以在 768 像素宽时自动折叠侧边栏。
<a href="#" data-widget="control-sidebar" data-controlsidebar-slide="false">Toggle Control Sidebar</a>
| 事件类型 | 说明 |
|---|---|
| expanded.lte.controlsidebar | 在控制侧栏展开后触发。 |
| collapsed.lte.controlsidebar | 在控制侧栏折叠后触发。 |
示例： $('#toggle-button').on('expanded.lte.controlsidebar', handleExpandedEvent)