0

テキスト ボックスとボタンを使用して JQueryUI モーダル フォームを開こうとしています。フォームを開きましたが、アクセスできません。modal:false を使用すると、フォームだけでなくページ上のアイテムにもアクセスできます。モーダルなものが必要で、基になるフォーム項目へのアクセスを制限します。

ここに画像の説明を入力

私のJavascriptコードは次のとおりです。

<script language="javascript" type="text/javascript">

        $().ready(function () {
            CreateDialog();

            $("#hlTest").click(function () {

                $("#dvDialog").dialog("open");
            });
        });


        function CreateDialog() {
            $("#dvDialog").dialog({
                autoOpen: false,
                height: 280,
                width: 440,
                modal: true,
                open: function () {
                    $(this).parent().appendTo($("form:first"));
                }
            });
        }

    </script>

私の ASP.Net フォーム コードは次のとおりです。

<a href="#" id="hlTest">Test</a>

<div id="dvDialog" title="Comment">
    <b>Comment: </b>
    <asp:TextBox ID="txtComment" runat="server" TextMode="MultiLine" Rows="4" Columns="50" ValidationGroup="vDialog"></asp:TextBox>        
    <br />
    <asp:Button ID="btnSaveComment" runat="server" Text="Save" ValidationGroup="vDialog" OnClick="btnSaveComment_Click" />
</div>
4

3 に答える 3

3

これは、jQuery UI v1.10 の変更によるものです。要素をフォームに再追加するために使用している asp.net の回避策に対処するために、追加された appendTo 設定があります。

試す

$("#dvDialog").dialog({
     autoOpen: false,
     height: 280,
     width: 440,
     modal: true,
     appendTo:"form"
});
于 2013-05-11T10:54:47.020 に答える
0 
<script language="javascript" type="text/javascript">
$().ready(function () {

    $("#dvDialog").dialog({
         autoOpen: false,
         height: 280,
         width: 440,
         modal: true,
         open: function () {
             $(this).parent().appendTo($("form:first"));
         }
    });

    $("#hlTest").click(function () {
         $("#dvDialog").dialog("open");
    });
});
</script>

上記の方法を使用する

于 2013-04-30T13:55:11.290 に答える