0

私は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();
}

しかし、それは私にはうまくいかず、適切な位置に落ち着きません。達成するように私を導いてください。

4

1 に答える 1

2

代わりにこれを試してください：

$('#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();
            }
        });
    }
});

これが役立つことを願っています!!

于 2012-09-29T16:35:32.853 に答える