Question

我正在使用asp.net mvc。我试图使用JQuery对话框显示一个弹出窗口。我已按照我的操作加载了对话框，

$('#dialog').dialog({
                autoOpen: false,
                modal: true,
                width: 520,
                height: 'auto',
                title: 'Edit Zip Code',
                position: 'center',
                show: { effect: 'fade', duration: 800 },
                open: function (event, ui) {
                    $(this).load("/GridAjax/CreateAlbumPartial?id=" + guid);
                },
                close: clear,
                buttons: {
                    "Update": function () {
                     ....
}
});

现在我的视图加载速度有点慢。所以，首先看它显示以前的视图。所以我决定加载一些加载效果，直到加载数据。我试图在打开对话框时显示加载图像，并将加载图像隐藏在成功状态，如

open: function(){
$('#loadingDiv').show();
}
.
.
.
success: function(){
$('#loadingDiv').hide();
}

但这对我不起作用，并没有找到适当的位置。所以请指导我实现。

Answer 1

请改为尝试：

$('#dialog').dialog({
    //exisiting stuff
    open: function(event, ui) {
        $.ajax({
            url: "/GridAjax/CreateAlbumPartial?id=" + guid,
            success:function(data){
                $(this).html(data);
            },
            beforeSend:function(){
                $('#loadingDiv').show();
            },
            complete:function(){
                $('#loadingDiv').hide();
            }
        });
    }
});

希望这会有所帮助!!

JQuery Dialog在asp.net mvc中加载具有加载效果的数据

1 个答案: