sidebar
实例1
---
```javascript
var m = new phoenix.sidebar({
dataList: page.querySelector('#sliderMenu'),
data: [['菜单1', '3'], ['菜单2', '8','selected'], ['菜单3', '14'],['菜单4', '3'], ['菜单6', '14','disabled'],['菜单7', '3']],
already: function(defaultIndex) {
},
onChange: function(changeIndex) {
}
});
```
```html
<div class="flex h100">
<div class="slider_left flex0 h100">
<ul class="slider_menu scroll" id="sliderMenu"></ul>
</div>
<div class="flex1 h100 bg_white">
<div class="relative h100">
<div class="touch_wrapper"></div>
</div>
</div>
</div>
```
配置项
---
|属性|类型|默认值|说明|
|-|-|-|-|
|dataList|dom|-|必需，菜单生成位置|
|data|array|-|必需，二维数组格式，菜单名称+ID+选中/禁用，选中禁用可不填<br>形如[['菜单1', '3'], ['菜单2', '8','selected'], ['菜单3', '14'],['菜单4', '3'], ['菜单6', '14','disabled']]|
|already|function|-|可选，生成就绪后的回调，参数defaultIndex：默认选中的序列号|
|onChange|function|-|可选，每次切换后的回调，参数changeIndex：选中的序列号|