Skip to content

SideMenu(侧栏菜单)

使用$.fn.iSidemenu.defaults重写默认值对象。

依赖关系

使用案例

创建侧菜单

通过标签创建侧菜单

html
<div id="sm" data-toggle="topjui-sidemenu" data-options="data:data"></div>

使用Javascript创建侧菜单。

html
<div id="sm" style="width:300px"></div>
javascript
$('#sm').iSidemenu({
     data: data
 });

属性

属性名属性值类型描述默认值
widthnumber侧栏菜单组件的宽度。200
heightnumber侧侧栏菜单组件的高度。auto
borderboolean定义是否显示边框。true
animateboolean定义在展开或折叠菜单时是否显示动画效果。true
multipleboolean定义是否可以同时展开多个面板。true
dataarray要显示的菜单数据。null
floatMenuWidthnumber浮动菜单宽度。200
floatMenuPositionstring浮动菜单的位置。可选值:"left"、"right"。right

事件

事件名事件参数描述
onSelectitem在选择菜单时触发。

方法

方法名方法参数描述
optionsnone返回属性值对象。
resize重置组件宽高。
collapsenone折叠组件。
expandnone展开组件。
destroynone销毁组件。

基于最新稳定版jQuery EasyUI构建的前端框架