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