codecamp

Blend UI sidebar 侧边栏API文档

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

sidebar的创建

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

参数:


id

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

类型说明是否必须
Stringlayer的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;

类型说明是否必须
Stringlayer的id

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


侧边栏隐藏

Blend.ui.Layer.hideSidebar(layerId);

参数:


id

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

类型说明是否必须
Stringlayer的id


实例:

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


侧边栏销毁

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

参数:

id

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

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

Blend UI cascadingMenu API文档
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

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; }