首页 > JavaScript > jQuery EasyUI文档 > 8. Sidemenu 侧栏菜单

8. EasyUI Sidemenu 侧栏菜单

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

sidemenu001.png

依赖关系

  • 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,予以删除。
© 2023 PV138 · 站点地图 · 免责声明 · 联系我们 · 问题反馈