artDialog组件应用学习（三）

一.可以加载url的对话框

预览：

对话框编写代码

//弹出一个对话框，加载页面

function OpenBox(url, title, width, height) {

    seajs.use(['jquery', '/Scripts/arale/artDialog/src/dialog-plus'], function ($, dialog) {

        var d = dialog({

            title: title,

            quickClose: true,

            url: url

        });

        d.width(width);

        d.height(height);

        d.show();

    });

}

属性：

title：　　string类型，当前对话框显示标题，title传空字符串时，对话框没有关闭选项。

url：　　  string类型，要加载显示内容的url

 

二.有遮罩层的对话框

预览：

对话框编写代码：

//警告对话框

function WarningTip(msg) {

    seajs.use(['jquery', '/Scripts/arale/artDialog/src/dialog-plus'], function ($, dialog) {

        var d = dialog({

            title: "警告",

            content: msg,

            okValue: "取消",

            ok: function () {

                d.remove();

            }

        });

        d.width(280);

        d.height(50);

        d.showModal();

    });

}

属性：

okValue：　　string类型，确定按钮文本，我把这里放着"取消"，意为不让操作。

ok：　　        Function类型，确定按钮，回调函数，可以针对当前对话框操作。

方法：

showModel()：　　显示有遮罩层的对话框。

 

三.可传递函数的选择对话框

预览：

html调用代码：

function DirectUrl() {

            location.href = "http://www.baidu.com";

        }

ChoseTip("确定要跳到百度吗？", DirectUrl);

对话框编写代码：

//选择性对话框

function ChoseTip(msg, selfFun) {

    seajs.use(['jquery', '/Scripts/arale/artDialog/src/dialog-plus'], function ($, dialog) {

        var d = dialog({

            title: "温馨提示",

            content: msg,

            okValue: "确定",

            ok: function () {

                this.title('提交中…');

                selfFun();

            },

            cancelValue: "取消",

            cancel: function () { }

        });

        d.width(280);

        d.height(50);

        d.show();

    });

}

属性：

cancelValue：　　string类型，取消按钮文本。

cancel：　　        Function类型，取消按钮，回调函数，可以针对当前对话框操作。

this:　　　　　　 object类型，当前对话框对象

方法：

titile()：　　        给对话框标题赋值。

selfFun()：　　   自定义函数，可在确认之后执行想要的动作。