众圈小程序

actionSheet

Action Sheet（动作菜单/动作面板/行动列表）是由用户操作后触发的一种特定的模态弹出框 ，呈现一组与当前情境相关的两个或多个选项。用户可以使用Action Sheet启动某个任务，或者确认是否开始执行某个可能具有破坏性的操作。

API

create

创建并弹出一个Action Sheet

create(options, callback)

  • @options {Object}：选项参数
    • title {string}：菜单标题可选
    • message {string}：菜单副标题可选
    • items {array}：菜单选项
      • type {number}：菜单类型。0为普通菜单；2为破坏性菜单（字体为红色）；1为取消菜单，只能有一个
      • message {string}：菜单Label
  • @callback {Function}：执行完该操作后的回调函数。回调函数将收到一个Response对象
    • result {string}：success表示用户选择了某个菜单，error表示发生了错误，cancel表示用户取消了菜单。
    • data：当result为error时，data为字符串，存储了错误描述。当result为success时为一个包含index及message的对象。
      • index {number}：用户选中的菜单下标
      • message {string}：用户选中菜单的Label

Demo

const actionSheet = weex.requireModule('actionSheet');
var items = [
    {'type': 0,'message':'确认'},
    {'type': 1,'message':'取消'},
    {'type': 2,'message':'删除'}
];

var self = this;
actionSheet.create({
    'items':items,
    'title':'提示',
    'message':'欢迎使用两码事小程序'
}, function (ret) {
    var result = ret.result;
    if(result == 'success') {
        self.value = ret.data.message;
        self.index = ret.data.index;
    }else if(result == 'cancel') {
        self.value = '取消';
        self.index = -1;
    }else if(result == 'error') {
        self.value = ret.data;
        self.index = -1;
    }
});

← navigator →