Blend UI Footbar API文檔

Construct

配置所需參數來初始化一個底部菜單組件Footbar

Footbar的配置格式如下：

var footbar = new Blend.ui.Footbar({"options":"values"});

Slider包含以下配置項：

id

實例：

var footbarCase = new Blend.ui.Footbar({
    "id": "footbartest",
    "menus": [
        {id:0,name:"賬單",subMenus:[
            {id:100,name:"當月賬單"},
            {id:101,name:"歷史賬單"}
        ]
        },
        {id:1,name:"我的"}
     ]
});

top

實例：

var footbarCase = new Blend.ui.Footbar({
    "id": "footbarCase",
    "top": 100,
    "menus": [
        {id:0,name:"賬單"},
        {id:1,name:"我的"}
     ]
});

left

實例：

var footbarCase = new Blend.ui.Footbar({
    "id": "footbarCase",
    "top": 100,
    "left":100,
    "menus": [
        {id:0,name:"賬單"},
        {id:1,name:"我的"}
     ]
});

width

實例：

var footbarCase = new Blend.ui.Footbar({
    "id": "footbarCase",
    "top": 100,
    "left":100,
    "widht":100,
    "menus": [
        {id:0,name:"賬單"},
        {id:1,name:"我的"}
     ]
});

height

實例：

var footbarCase = new Blend.ui.Footbar({
    "id": "footbarCase",
    "top": 100,
    "left":100,
    "widht":100,
    "height":100,
    "menus": [
        {id:0,name:"賬單"},
        {id:1,name:"我的"}
     ]
});

selected

實例：

footbarCase = new Blend.ui.Footbar({
    id:"footbartest",
    menus:[
        {id:0,name:"賬單",
            subMenus:[{id:100,name:"當月賬單"},{id:101,name:"歷史賬單"}]},
        {id:1,name:"我的",
            subMenus:[{id:100,name:"積分"},{id:101,name:"額度"},{id:102,name:"開卡"},{id:103,name:"繳費"},{id:104,name:"預約"}]},
        {id:2,name:"自助查詢"},
        {id:3,name:"資訊",
            subMenus:[{id:101,name:"今日頭條"},{id:102,name:"昨日頭條"},{id:103,name:"前日頭條"},{id:104,name:"大前日頭條"}]}
    ],
    selected:function(e){
        alert(JSON.stringify(e.data));
    }
});

Method

show ( )

實例:

var footbarCase = new Footbar({
    id:"footbartest",
    menus:[
        {id:0,name:"賬單",
            subMenus:[{id:100,name:"當月賬單"},{id:101,name:"歷史賬單"}]},
        {id:1,name:"我的",
            subMenus:[{id:100,name:"積分"},{id:101,name:"額度"},{id:102,name:"開卡"},{id:103,name:"繳費"},{id:104,name:"預約"}]},
        {id:2,name:"自助查詢"},
        {id:3,name:"資訊",
            subMenus:[{id:101,name:"今日頭條"},{id:102,name:"昨日頭條"},{id:103,name:"前日頭條"},{id:104,name:"大前日頭條"}]}
    ],
    selected:function(e){
        alert(JSON.stringify(e.data));
    }
});
footbarCase.show();

hide ( )

實例:

var footbarCase = new Footbar({
    id:"footbartest",
    menus:[
        {id:0,name:"賬單",
            subMenus:[{id:100,name:"當月賬單"},{id:101,name:"歷史賬單"}]},
        {id:1,name:"我的",
            subMenus:[{id:100,name:"積分"},{id:101,name:"額度"},{id:102,name:"開卡"},{id:103,name:"繳費"},{id:104,name:"預約"}]},
        {id:2,name:"自助查詢"},
        {id:3,name:"資訊",
            subMenus:[{id:101,name:"今日頭條"},{id:102,name:"昨日頭條"},{id:103,name:"前日頭條"},{id:104,name:"大前日頭條"}]}
    ],
    selected:function(e){
        alert(JSON.stringify(e.data));
    }
});
footbarCase.hide();

destroy ( )

實例:

var footbarCase = new Footbar({
    id:"footbartest",
    menus:[
        {id:0,name:"賬單",
            subMenus:[{id:100,name:"當月賬單"},{id:101,name:"歷史賬單"}]},
        {id:1,name:"我的",
            subMenus:[{id:100,name:"積分"},{id:101,name:"額度"},{id:102,name:"開卡"},{id:103,name:"繳費"},{id:104,name:"預約"}]},
        {id:2,name:"自助查詢"},
        {id:3,name:"資訊",
            subMenus:[{id:101,name:"今日頭條"},{id:102,name:"昨日頭條"},{id:103,name:"前日頭條"},{id:104,name:"大前日頭條"}]}
    ],
    selected:function(e){
        alert(JSON.stringify(e.data));
    }
});
footbarCase.destroy();