0

クリック イベントで (コード ビハインドで) 検索を開始する ASP ボタンを含む UpdatePanel があります。次に、同じ UpdatePanel 内のドロップダウン リストが、検索からの情報で更新されます。

検索時に JQuery モーダル ダイアログ ボックスがポップアップするように構成しましたが、検索後にドロップダウン メニューが更新されると消えてしまいます。閉じるために何（イベント、UI）を使用する必要があるのか​​ 、またはこれが正しい閉じ方なのかわかりません。

<script>
$(document).ready(function () {

    $("#dialog1").dialog({ autoOpen: false, modal: true, resizable: false, close: function (event, ui) { } });

    $("#<%=btnItemNumSearch.ClientID%>").click(function () {

        $("#dialog1").dialog("open");


});
});
var prm = Sys.WebForms.PageRequestManager.getInstance();
prm.add_endRequest(function () {
$("#dialog1").dialog({ autoOpen: false, modal: true, resizable: false, close: function (event, ui) { } });

$("#<%=btnItemNumSearch.ClientID%>").click(function () {

        $("#dialog1").dialog("open");

    });
});

4

1 に答える 1

0

jQuery BlockUI Plugin を使用して作業を完了し、jQuery ajaxComplete() を使用してウィンドウを閉じました。これは、次のコードを使用して ASP.NET UpdatePanel で適切に機能しました。 http://jquery.malsup.com

<script type="text/javascript">
$(document).ready(function () {
    // bind your jQuery events here initially

    $(document).ready(function () {
        $("#<%=btnMyButton.ClientID%>").click(function () {
            $.blockUI({ message: $('#dialog1') });
        });
        $.ajax({
            complete: function () {
                // unblock when remote call returns 
                $.unblockUI();
            }
        });

    });
});

var prm = Sys.WebForms.PageRequestManager.getInstance();

prm.add_endRequest(function () {

    $(document).ready(function () {
        $("#<%=btnMyButton.ClientID%>").click(function () {
            $.blockUI({ message: $('#dialog1') });

        });

        $.ajax({
            complete: function () {
                // unblock when remote call returns 
                $.unblockUI();
            }
        });
    });

});
</script>

<div id="dialog1" title="Item Search" style="display: none">
Searching the database, please wait...

</div>
于 2013-08-16T20:05:04.390 に答える