4

jQuery 内にページをロードしますDialog。ajax コマンドが完了したら、同じページを jQuery 内でリロードできるようにしたいと考えていますDialog。Dialogにロードされたページ内からjQuery をリロードするにはどうすればよいDialogですか?

親ページ (Blah.aspx):

<script type="text/javascript">
    function view_dialog() {
        $('#dialog').load('blah2.aspx').dialog({
            title: 'test' ,
            modal: 'true',
            width: '80%',
            height: '740',
            position: 'center',
            show: 'scale',
            hide: 'scale',
            cache: false });
    }
</script>

<asp:Content
    ID="Content2"
    ContentPlaceHolderID="ContentPlaceHolder1"
    runat="server">

    <input id="Button1" onclick="view_dialog()" type="button" value="button" />
    <div id="dialog" style="display: none"></div>

</asp:Content>

ダイアログ コンテンツ ページ (blah2.aspx):

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript">
    $(document).ready(function() {
        function doit() {
            var request = $.ajax({
                url: "someurl",
                dataType: "JSON",
                data: {
                    a: 'somevalue'
                }
            });

            request.done(function () {
            //refresh the current dialog by calling blah2.aspx again
        });
    }       
</script>

<asp:Content
    ID="Content2"
    ContentPlaceHolderID="ContentPlaceHolder1"
    runat="server">

    <input id="Button1" onclick="doit()" type="button" value="button" />

</asp:Content>
4

2 に答える 2

14

現在のページのダイアログ コンテナに別のページからコンテンツをロードしているため、ここでは実際には 1 つのページしか動作していません。ダイアログのソース ページから部分的な html (<head>または<body>タグなし) のみを読み込むことをお勧めします。

したがって、ダイアログを破棄して再作成し、ダイアログの内容をリロードすることができます。

function reload_dialog()
{
    $('#dialog').dialog('destroy');
    view_dialog();
}

function view_dialog() {
    $('#dialog').load('blah2.aspx').dialog({
        title: 'test' ,
        modal: 'true',
        width: '80%',
        height: '740',
        position: 'center',
        show: 'scale',
        hide: 'scale',
        cache: false });
}

または、ページ全体をリロードできます。

window.location.reload();
于 2012-04-30T20:35:45.180 に答える