jquery dialog插件artdialog

artdialog插件用起来非常的方便，您可以从下面的网站获得相关内容：

http://www.planeart.cn/demo/artDialog/ 在我们的项目中，主要使用到了dialog及其穿越功能（through）

artDialog提供了一个jQuery版本，功能与标准版一致，调用只需要把art前缀改成jQuery的命名空间。

function modifyRedisInstanceOnline(id) {
    $.dialog.open('/instance/modifyRedisInstanceOnline.htm?id=' + id + '&timestamp='
            + new Date().getTime(), {
        lock:true,
        width:850,
        height:400,
        opacity:.1
    });
}

function deleteInstance(instanceId) {
    var data = {
        title:'删除结点',
        confirmMsg:'你确定要删除这个结点么？',
        progessTitle:'正在删除……',
        successMsg:'你已成功的把这个结点删除掉了。',
        failedMsg:'你删除这个结点失败了！请查看下相关日志再尝试。',
        url:'/instance/rpc/delete/' + instanceId + '.json?timestamp='
                + new Date().getTime()
    };
    return ajaxProcess(data);
}

异步请求：

function ajaxProcess(data) {
    $.dialog( {
        lock : true,
        title : data.title,
        content : data.confirmMsg,
        okVal : '确定',
        ok : function() {
            this.close();
            jQuery.dialog( {
                id : 'processDialog',
                lock : true,
                title : data.progessTitle
            });
            jQuery.ajax( {
                type : 'GET',
                url : data.url,
                dataType : 'json',
                success : function(response) {
                    if (response.hasError) {
                        var errorMsg = "<ul>";
                        $.each(response.errors, function(i, error) {
                            errorMsg += "<li>" + error.msg + "</li>";
                        });
                        errorMsg += "</ul>";
                        $.dialog.list['processDialog'].title(data.title)
                                .content(errorMsg).button( {
                                    name : 'OK',
                                    callback : function() {
                                        this.close();
                                    }
                                });
                    } else {
                        $.dialog.list['processDialog'].title(data.title)
                                .content(data.successMsg).button( {
                                    name : 'OK',
                                    callback : function() {
                                        window.location.reload();
                                        this.close();
                                    }
                                });
                    }
                },
                error : function(data) {
                    $.dialog.list['processDialog'].title(data.title)
                            .content(data.failedMsg).button( {
                                name : 'OK',
                                callback : function() {
                                    this.close();
                                }
                            });
                }
            });
            return false;
        },
        cancelVal : '取消',
        cancel : true
    });
}

给弹出的窗口添加按钮

$(function(){
 api.title($("TITLE").html()).button({ name:'确定', callback:function () {//穿越效果，将弹出页面中的数据填写到origin窗口中 var origin = art.dialog.open.origin; var input = origin.document.getElementById('arguments'); input.value = $("#createFormRedis").serialize(); input.select(); art.dialog.close(); }, focus:true }, { name:'取消', callback:function () { $('#createFormRedis').validationEngine('hide') //parent.location.reload(); this.close(); } }); })
});