8. EasyUI Sidemenu 侧栏菜单
使用$.fn.iSidemenu.defaults重写默认值对象。
依赖关系
- accordion
- tree
- tooltip
使用案例
创建侧菜单
通过标签创建侧菜单
<div id="sm" data-toggle="topjui-sidemenu" data-options="data:data">
</div>
使用Javascript创建侧菜单。
<div id="sm" style="width:300px"></div>
$('#sm').iSidemenu({
data: data
});
属性
属性名 | 属性值类型 | 描述 | 默认值 |
---|---|---|---|
width | number | 侧栏菜单组件的宽度。 | 200 |
height | number | 侧侧栏菜单组件的高度。 | auto |
border | boolean | 定义是否显示边框。 | true |
animate | boolean | 定义在展开或折叠菜单时是否显示动画效果。 | true |
multiple | boolean | 定义是否可以同时展开多个面板。 | true |
data | array | 要显示的菜单数据。 | null |
floatMenuWidth | number | 浮动菜单宽度。 | 200 |
floatMenuPosition | string | 浮动菜单的位置。可选值:“left”、“right”。 | right |
事件
事件名 | 事件参数 | 描述 |
---|---|---|
onSelect | item | 在选择菜单时触发。 |
方法
方法名 | 方法参数 | 描述 |
---|---|---|
options | none | 返回属性值对象。 |
resize | {width,height} | 重置组件宽高。 |
collapse | none | 折叠组件。 |
expand | none | 展开组件。 |
destroy | none | 销毁组件。 |
本文来自互联网用户投稿,不拥有所有权,该文观点仅代表作者本人,不代表本站立场。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。