16HUI - 多功能菜单（hui.actionSheet）

效果图

核心函数hui.actionSheet(meuns, cancel, callback) 功能：弹出一个多功能菜单 参数： 1、数组形式的菜单 2、取消按钮名称 3、点击对应菜单后执行的回调函数

代码

HUI - 操作表




    

    HUI - 操作表


    

        

        
操作表演示
        

    
    

        Action Sheet
        H5+ 原生 Action Sheet
   



var meuns = ['拍照', '从相册中选择'];
var cancel = '取消';
hui('#btn1').click(function(){
    hui.actionSheet(meuns, cancel, function(e){
        console.log(e.index);
        hui.toast(e.innerHTML);
    });
});
//手册地址
//http://www.html5plus.org/doc/zh_cn/nativeui.html#plus.nativeUI.actionSheet
hui('#btn2').click(function(){
    if(!window.plus){
        hui.alert('只能在h5+环境下运行！');
        return false;
    }
    var actionbuttons = [{title : "微信好友"}, {title : "朋友圈"}];
    var actionstyle   = {title : "请选择分享类型", cancel : "取消", buttons : actionbuttons};
    plus.nativeUI.actionSheet(actionstyle, function(e){
        console.log(e.index);
    });
});