弹窗 Dialog

使用弹窗需要先载入JS文件：

<script src="/static/auicss/script/aui-dialog.js"></script>

使用弹窗之前需要先实例化对象 var dialog = new auiDialog();，支持方法如下：

• alert(params, callback)：显示弹窗

• prompt(params, callback)：显示带输入框的弹窗

params 参数如下：

params: {
    title: '', //（可选）弹窗标题，支持HTML代码
    msg: '', //（可选）弹窗内容，支持HTML代码
    text: '', // 输入框placeholder提示语，仅在input为true或者prompt方法下生效
    buttons: ['取消','确定'], //（可选）底部按钮，支持空、1~N个按钮，支持HTML代码
    input: false // 是否显示输入框；如果使用alert方法，此参数为true则和调用prompt是一样的效果
}

callback 参数如下：

function callback(res) {
    res.buttonIndex // 点击buttons中定义按钮的顺序，从1开始记数
    res.text // 输入内容（仅在input为true或者prompt方法下生效）
}

示例源码

<p class="aui-padded-10 aui-text-center">Dialog样式</p>
<div class="aui-content-padded">
    <div class="aui-btn aui-btn-block aui-btn-info" tapmode onclick="openDialog('text')">基本dialog</div>
</div>
<div class="aui-content-padded">
    <div class="aui-btn aui-btn-block aui-btn-primary" tapmode onclick="openDialog('callback')">带有回调的dialog</div>
</div>
<div class="aui-content-padded">
    <div class="aui-btn aui-btn-block aui-btn-warning" tapmode onclick="openDialog('input')">带有输入框的dialog</div>
</div>
<script type="text/javascript" src="/static/auicss/script/aui-dialog.js" ></script>
<script>
    var dialog = new auiDialog();
    function openDialog(type){
        switch (type) {
            case "text":
                dialog.alert({
                    title:"弹出提示",
                    msg:'这里是内容',
                    buttons:['取消','确定']
                },function(ret){
                    console.log(ret)
                })
                break;
            case "callback":
                dialog.alert({
                    title:"弹出提示",
                    msg:'这里是内容',
                    buttons:['取消','确定']
                },function(ret){
                    if(ret){
                        dialog.alert({
                            title:"提示",
                            msg:"您点击了第"+ret.buttonIndex+"个按钮",
                            buttons:['确定']
                        });
                    }
                })
                break;
            case "input":
                dialog.prompt({
                    title:"弹出提示",
                    text:'默认内容',
                    buttons:['取消','确定']
                },function(ret){
                    if(ret.buttonIndex == 2){
                        dialog.alert({
                            title:"提示",
                            msg: "您输入的内容是："+ret.text,
                            buttons:['确定']
                        });
                    }
                })
                break;
            default:
                break;
        }
    }
</script>