cascadingMenu API文档

Construct

配置所需参数来初始化一个级联菜单组件CascadingMenu

CascadingMenu的配置格式如下:

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

CascadingMenu包含以下配置项:

id

cascadingMenu的id

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

实例:

var cascadingMenu = new Blend.ui.CascadingMenu({
    "id": "cascadingMenuTest",
    "menus": [
        {
            id:'00001',
            name:'回龙观'
        },{
            id:'00002',
            name:'天通苑'
        },{
            id:'00003',
            name:'昌平镇'
        }
     ]
});

top

配置cascadingMenu距离屏幕top的坐标

类型 说明 是否必须
Number cascadingMenu距离屏幕top的坐标,默认值在页面底部

实例:

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

left

配置cascadingMenu距离屏幕left的坐标

类型 说明 是否必须
Number 距离屏幕left的坐标,默认值0

实例:

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

width

配置cascadingMenu宽度

类型 说明 是否必须
Number cascadingMenu像素宽度,默认为屏幕宽度

实例:


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

height

配置cascadingMenu高度

类型 说明 是否必须
Number 菜单高度,默认屏幕高度的1/2

实例:


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

fixed

是否随页面滚动

类型 说明 是否必须
String 是否随页面滚动;默认为true;

实例:


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 ( )

把cascadingMenu显示

实例:


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 ( )

把cascadingMenu隐藏

实例:


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'}
        ]
    }
});