artDialog组件应用学习(五)

一.artDialog事件应用

对话框编写代码

function DialogEvent() {

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

        var d = dialog({

            content: "对话框信息",

            onreset: function () {

                alert("位置重置");

            },

            onfocus: function () {

                alert("我取得焦点了");

            },

            onshow: function () {

                alert("我被打开");

            },

            onblur: function () {

                alert("我失去焦点了");

            },

            onclose: function () {

                alert('对话框已经关闭');

            },

            onbeforeremove: function () {

                alert('对话框将要被销毁');

            },

            onremove: function () {

                alert('对话框已经销毁');

            },

            ok: function () {

                //d.remove();

            }

        });

        d.width(280);

        d.height(50);

        d.show();

    });

}

属性

onreset:        Function类型,对话框位置重置事件

onfocus:       Function类型,对话框获取焦点时执行

onblur:          Function类型,对话框失去焦点时执行

onshow:        Function类型,对话框打开时执行

onclose:        Function类型,对话框关闭时执行

onbeforeremove:   Function类型,对话框销毁前执行

onremove:        Function类型,对话框销毁时执行

执行该方法时会依次按照上面代码顺序执行,其中onreset会连续执行3次,onblur在关闭和销毁对话框时各执行一次

你可能感兴趣的:(artdialog)