dropDownMenu

hideMenu closeMenu

论坛示例

为帮助用户更好更快的使用模块，论坛维护了一个，示例中包含示例代码供您参考。

概述

dropDownMenu实现了用原生代码实现筛选菜单展示效果。

模块效果图

固件要求

Android：4.0及以上 iOS：7.0及以上

openMenu

打开菜单

openMenu({params}, callback(ret, err))

rect：

• 类型：JSON 对象
• 描述：（必填项）模块的位置及尺寸
• 备注：iOS,Android 必须传此参数。
• 内部字段：

fixedOn：

• 类型：字符串
• 描述：（可选项）模块所属 Frame 的名字，若不传则模块归属于当前 Window

fixed：

• 类型：布尔型
• 描述：（可选项）模块是否随所属 Window 或 Frame 滚动
• 默认值：true（不随之滚动）

data：

• 类型： 数组对象
• 描述：（必填项）模块九宫格按钮图标和名称
• 内部字段：

    title: '',   //（必填项）字符串；一级菜单名称
},{
    title: '',   //（必填项）字符串；一级菜单名称
    item: [],   //（必填项）字符串数组；二级菜单名称
}]

• 类型：布尔型
• 描述：（可选项）设置默认字体颜色代码
• 默认值：#111111

textSelectedColor：

• 类型：字符串
• 描述：（可选项）设置选中字体颜色代码
• 默认值：#7B1FA2

dropDownCheckedColor：

• 类型：字符串
• 描述：（可选项）设置列表选中后右侧颜色代码(仅iOS有效)
• 默认值：#7B1FA2

dropDownChecked：

• 类型：字符串
• 描述：（可选项）设置列表选中后右侧图标资源路径(支持fs:// widget://)（仅Android有效）

dropDownSelectedIcon：

• 类型：字符串
• 描述：（可选项）设置顶部列表选中后图标资源路径(支持fs:// widget://)

dropDownUnselectedIcon：

• 类型：字符串
• 描述：（可选项）设置顶部列表未选中图标资源路径(支持fs:// widget://)

callback(ret, err)

ret：

• 类型：JSON 对象
• 内部字段：

{
    status: true,      //布尔型；true||false
    evenType: 'open',   //打开类型；open|click
    title : '',           //一级菜单名称
    value : '',           //二级菜单名称
    height : 40        //菜单栏高度

err：

• 类型：JSON 对象
• 内部字段：

{
    msg : '' //错误信息内容
}

示例代码

可用性

Android、iOS系统

可提供的1.0.0及更高版本

hideMenu

隐藏菜单

hideMenu(callback(ret, err))

ret：

• 类型：JSON 对象

{
    status: true      //布尔型；true||false
}

• 类型：JSON 对象
• 内部字段：

{
    msg : '' //错误信息内容
}

示例代码

var demo = api.require('dropDownMenu');
demo.hideMenu(function(ret, err) {
    alert(JSON.stringify(ret));

可用性

Android、iOS系统

可提供的1.0.0及更高版本

showMenu

显示菜单

hideMenu(callback(ret, err))

callback(ret, err)

ret：

• 类型：JSON 对象
• 内部字段：

err：

• 类型：JSON 对象
• 内部字段：

{
    msg : '' //错误信息内容
}

var demo = api.require('dropDownMenu');
demo.showMenu(function(ret, err) {
    alert(JSON.stringify(ret));
});

可用性

Android、iOS系统

可提供的1.0.0及更高版本

closeMenu

关闭菜单

closeMenu(callback(ret, err))

callback(ret, err)

ret：

• 类型：JSON 对象
• 内部字段：

{
    status: true      //布尔型；true||false
}

err：

• 类型：JSON 对象
• 内部字段：

示例代码

var demo = api.require('dropDownMenu');
demo.closeMenu(function(ret, err) {
});

可提供的1.0.0及更高版本