特别说明：扩展方法支持链式操作 获取扩展方法一：直接引用返回 var dialog = art.dialog({ title: '我是对话框', content: '我是初始化的内容'})

特别说明：扩展方法支持链式操作

获取扩展方法一：直接引用返回

var dialog = art.dialog({    title: '我是对话框',    content: '我是初始化的内容'});      dialog.content('对话框内容被扩展方法改变了').title('提示');      

运行»

获取扩展方法二：通过对话框ID

art.dialog({    id: 'KDf435',    title: '警告',    content: '我是初始化的内容'});      art.dialog.list['KDf435'].content('对话框内容被扩展方法改变了');      

运行»

获取扩展方法三：回调函数中this

art.dialog({    title: '警告',    content: '我是初始化的内容',    ok: function () {        this.content('你点了确定按钮').lock();        return false;    },    init: function () {        this.content('对话框内容被扩展方法改变了');    }});      

运行»

关闭页面所有对话框

var list = art.dialog.list;for (var i in list) {    list[i].close();};      

运行»

按钮接口演示

备注：回调函数如果返回false将阻止对话框关闭

var dialog = art.dialog({    title: '警告',    content: '点击管理按钮将让删除按钮可用',    width: '20em',    button: [{    	name: '管理',        callback: function () {            this            .content('我更改了删除按钮')            .button({                name: '删除',                disabled: false            })            .lock();            return false;        },        focus: true    }]});dialog.button(    {        name: '删除',        callback: function () {            alert('delect')        },        disabled: true    })      

运行»

标题倒计时

var timer;art.dialog({    content: '时间越来越少，越来越少..',    init: function () {    	var that = this, i = 5;        var fn = function () {            that.title(i + '秒后关闭');            !i && that.close();            i --;        };        timer = setInterval(fn, 1000);        fn();    },    close: function () {    	clearInterval(timer);    }}).show();

运行»

关闭不删除内容

art.dialog({    id: 'show-hide',    content: '关闭后阻止对话框被删除，只隐藏对话框',    close: function () {        this.hide();        return false;    }}).show();

运行»

AJAX高级应用：执行HTML片段中特殊script标签

HTML片段中的<script type="text/dialog"></script>标签包裹的javascript将会在artDialog内部执行，其this指向对话框扩展方法，这样可以进一步实现消息内容模块化。

(本例子使用了AJAX，需要在服务器上运行。可打开 ./ajaxContent/login.html 查看源码中的自定义脚本)

var dialog = art.dialog({id: 'N3690',title: false});// jQuery ajax   $.ajax({    url: './ajaxContent/login.html',    success: function (data) {        dialog.content(data);    },    cache: false});