Verticalbar

简述：

演示：

演示地址：http://webdesk.weisha100.cn/ctrls/verticalbar.html

示例：

    var bar = $vbar.create({
        target: '#dropmenu-area',
        width: 120,height:30
    });
    bar.add(数据源);

属性:

下表中，“可监听”的属性，可以通过watch()增加监听方法，类似Vue；“双向绑定”的意思是属性更改后，直接影响窗体样式。

属性	说明	可监听	双向绑定
target	对象所在的html位置	√
width	根菜单项的宽度，是单个宽度，控件的宽度=根菜单项数量*宽度	√	√
height	菜单项的高度，每一项的高度	√	√
bind	是否对数据源双向绑定	√	√

方法：

下表只列出了常用公共方法，更多方法请参看源码。

方法	说明	参数
add()	添加树形数据，当属于bind为true时，数据源变动会直接影响界面	示例：{title:'',url:''}
getData()	通过id获取数据项	树形节点的id

事件：

事件支持多播，即同一个事件可以添加多个方法。事件返回值仅限bool型，虽然可以返回其它类型或不返回，但最终都会转为bool型返回值。

当同一个事件中的多个方法，任一个返回false，则不再继续执行后续事件方法。如果不返回，默认是true。

事件	说明	参数sender	参数e
data	当数据源变更时触发	同上	e.event：事件名称 e.action：动作，默认与e.event同值 e.target：响应事件的html元素，此处为窗体的html e.data：数据源
click	节点点击		e.data，当前节点数据项

Verticalbar.js 竖形工具条 返回首页