sidebar 侧边栏API文档

sidebar是Layer的静态方法,是对Layer功能扩展;

Blend.ui.Layer.addSidebar(layerId,options);

参数:

id

指定增加侧边栏的layer的id,默认为当前layer;

类型 说明 是否必须
String layer的id

实例:

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com'
})

options

侧边栏的配置项:

url

类型 说明 是否必须
String 侧边栏要加载的URL

实例:

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com'
})

width

配置footbar距离屏幕left的坐标

类型 说明 是否必须
Number 侧边栏的宽度,默认为宽度的2/3

实例:

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com',
    width:200
})

bgColor

侧边栏底层背景色,页面背景透明时能看出效果;

类型 说明 是否必须
Number 背景颜色

实例:

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com',
    width:200,
    bgColor:"#ff0000"
})

侧边栏显示

Blend.ui.Layer.showSidebar(layerId);

参数:

id

要显示侧边栏的layer的id,可省略, 默认为当前layer的id;

类型 说明 是否必须
String layer的id

实例: var Layer = Blend.ui.Layer; Layer.showSidebar();

侧边栏隐藏

Blend.ui.Layer.hideSidebar(layerId);

参数:

id

要隐藏侧边栏的layer的id,可省略, 默认为当前layer的id;

类型 说明 是否必须
String layer的id

实例:

var Layer = Blend.ui.Layer;
Layer.hideSidebar();

侧边栏销毁

Blend.ui.Layer.destorySidebar(layerId);
类型 说明 是否必须
String layer的id

参数:

id

要销毁侧边栏的layer的id,可省略, 默认为当前layer的id;

实例: var Layer = Blend.ui.Layer; Layer.destorySidebar();