logo

iMAG移动应用开发指南

ActionMenu

上拉菜单控件

标签

标签名 描述 说明 子标签
actionmenu 上拉菜单标签 显示iOS ActionSheet风格的上拉菜单,样式不可以定制 item

属性

属性名 取值 描述
id String id编码
title String 上拉菜单标题
cancelTitle String 取消按钮文字
items Array 返回item的数组,只读
onclose Javascript 菜单关闭时触发的脚本

方法

方法名 参数 返回值 描述
open() None None 打开菜单
close() None None 关闭菜单
add(item:Object) item:ActionMenuItem对象 None 增加一个菜单项
remove(item:Object) item:ActionMenuItem对象 None 移除一个菜单项
clear() None None 移除所有菜单项

ActionMenuItem

菜单项

标签名 描述 说明
item 菜单项子标签 显示菜单项

属性

属性名 取值 描述
id String id编码
label String 菜单项显示的文本
onclick Javascript 点击菜单项时触发的脚本

控件详解

ActionMenu控件用来显示iOS ActionSheet风格的上拉菜单,风格固定,不能自己定制背景和样式。
ActionMenu控件只能通过JavaScript脚本动态创建,具体用法参见下面的示例。

● 创建并显示上拉菜单

<?xml version="1.0" encoding="utf-8"?>
<imag>
    <script>
    <![CDATA[
        function showMenu() {
            var menu = $C('<actionmenu title="标题" onclose="hint(\'onclose\')">' +
                     '<item label="操作1" onclick="hint(\'操作1\')"/>' +
                     '<item label="操作2" onclick="hint(\'操作2\')"/>' +
                     '<item label="操作3" onclick="hint(\'操作3\')"/>' +
                '</actionmenu>');
            menu.open();
        }
    ]]>
    </script>
    <page>
        <title>
            <center>
                <label>ActionMenu</label>
            </center>
        </title>
        <content>
            <button onclick="showMenu();">上拉菜单</button>
        </content>
    </page>
</imag>

示例下载

请点此下载actionmenu相关的示例代码:imag-actionmenu.zip