Blend UI cascadingMenu API文檔

Construct

配置所需參數(shù)來初始化一個級聯(lián)菜單組件CascadingMenu

CascadingMenu的配置格式如下：

var cascadingMenu = new Blend.ui.CascadingMenu({"options":"values"});

CascadingMenu包含以下配置項：

id

實例：

var cascadingMenu = new Blend.ui.CascadingMenu({
    "id": "cascadingMenuTest",
    "menus": [
        {
            id:'00001',
            name:'回龍觀'
        },{
            id:'00002',
            name:'天通苑'
        },{
            id:'00003',
            name:'昌平鎮(zhèn)'
        }
     ]
});

top

實例：

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

left

實例：

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

width

實例：

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

height

實例：

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

fixed

實例：

var cascadingMenu = new Blend.ui.CascadingMenu({
    "id": "cascadingMenuCase",
    "top": 100,
    "left":100,
    "widht":100,
    "height":100,
    "fixed":true,
    "menus": [
        {id:0,name:"賬單"},
        {id:1,name:"我的",
            menus:[
            {id:10,name:"我的xxxx"},
                {id:11,name:"我的xxxx",
            ]
        }
     ]
});

Method

show ( )

實例：

var cascadingMenu = new Blend.ui.CascadingMenu({
    "id": "cascadingMenuCase",
    "top": 100,
    "left":100,
    "widht":100,
    "height":100,
    "fixed":true,
    "menus": [
        {id:0,name:"賬單"},
        {id:1,name:"我的",
            menus:[
            {id:10,name:"我的xxxx"},
                {id:11,name:"我的xxxx",
            ]
        }
     ]
});
cascadingMenu.show();

hide ( )

實例：

var cascadingMenu = new Blend.ui.CascadingMenu({
    "id": "cascadingMenuCase",
    "top": 100,
    "left":100,
    "widht":100,
    "height":100,
    "fixed":true,
    "menus": [
        {id:0,name:"賬單"},
        {id:1,name:"我的",
            menus:[
            {id:10,name:"我的xxxx"},
                {id:11,name:"我的xxxx",
            ]
        }
     ]
});
cascadingMenu.hide();

selectItem()

實例:

var cascadingMenu = new Blend.ui.CascadingMenu({
    "id": "cascadingMenuCase",
    "top": 100,
    "left":100,
    "widht":100,
    "height":100,
    "fixed":true,
    "menus": [
        {id:0,name:"賬單"},
        {id:1,name:"我的",
            menus:[
            {id:10,name:"我的xxxx"},
                {id:11,name:"我的xxxx",
            ]
        }
     ]
});
cascadingMenu.selectItem({
    {
        id:'1',
        menus:[
            {id:'10'}
        ]
    }
});