codecamp

React EasyUI 侧栏菜单

属性列表

名称 数据类型 作用描述 默认值
data Array 菜单数据。 null
collapsed boolean 菜单是否已经折叠。 false
border boolean 是否显示边框。 true
animte boolean 在展开或折叠菜单时是否显示动画效果。 false
multiple boolean 为True时,展开多个面板。 false
floatMenuWidth number 浮动菜单宽度。 200
floatMenuPosition string 浮动菜单位置。 right

事件列表

名称 参数 作用描述
onSelectionChange item 选择菜单项时触发。
onItemClick item 单击菜单项时触发。

注：
- 继承： LocaleBase 。

使用方法

<SideMenu style={{ width: this.state.width }}
  data={this.state.menus}
  collapsed={this.state.collapsed}
  onSelectionChange={(selection) => this.setState({ selection: selection })}
/>
React EasyUI 菜单
React EasyUI 链接按钮
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

React EasyUI 教程总览

React EasyUI 基础

React EasyUI 布局

React EasyUI 表单

React EasyUI 菜单与按钮

React EasyUI 窗口

React EasyUI 数据与树

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }