1

asp.netコード

 <asp:Button ID="btnnext" runat="server" Text="Update" onclick="btnnext_Click"  />

<div id= "DisplayEnteredDetails" >

<asp:GridView ID="grdDisplayEnteredDetails" runat="server"   >
                    </asp:GridView> 
</div>

呼び出し機能

  <script type="Text/javascript">
    $(function () {
     $('#DisplayEnteredDetails').dialog({
                autoOpen: false,
                width: 600,
                height: 500,
                hide: 'Transfer',
                open: function (type, data) {
                    $(this).parent().appendTo("form");
                }
            });
     // Dialog button
            $('#ctl00_Main_btnnext').click(function () {
                $('#DisplayEnteredDetails').dialog('open');
                return false;
            });


        });   
    </script>

私はマスターページにリンクを付けました

<link rel="stylesheet" type="text/css" href="~/styles/StyleSheet.css" />
    <link href="jquery/css/jquery.ui.all.css" rel="stylesheet" type="text/css" />

同じコードは他のプロジェクトでは機能しますが、私のアプリケーションでは機能しません

4

2 に答える 2

0

jQuery を使用してダイアログを表示するには、次の 2 つが必要です。

  1. jQueryをダウンロード
  2. jQuery UI をダウンロード

これら 2 つのファイルをプロジェクトに配置し、それらへの参照をページ/マスター ページに追加します。

<script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="Scripts/jquery-ui.js" type="text/javascript"></script>

動作する完全な例を次に示します。

PS: スクリプト内のボタンの ID を正しい値に変更することを忘れないでください

<head runat="server">
    <title>Dialog</title>
    <script src="Scripts/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="Scripts/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#DisplayEnteredDetails').dialog({
                autoOpen: false,
                width: 600,
                height: 500,
                hide: 'Transfer',
                open: function (type, data) {
                    $(this).parent().appendTo("form");
                }
            });
            // Dialog button
            $('#ctl00_Main_btnnext').click(function () {
                $('#DisplayEnteredDetails').dialog('open');
                return false;
            });
        });  
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:Button ID="ctl00_Main_btnnext" runat="server" Text="Update" OnClick="btnnext_Click" />
    <div id="DisplayEnteredDetails" style="border:1px solid #2d2d2d;">
        <asp:GridView ID="grdDisplayEnteredDetails" runat="server">
        </asp:GridView>
    </div>
    </form>
</body>
于 2013-03-07T07:42:15.030 に答える
0

<script type="Text/javascript">justに置き換えて<script>確認します。スクリプト タグはすべて小文字にする必要があります。そう、<script type="text/javascript">または単に<script>動作するはずです。

または、HTML に jquery Ui 参照を追加するのを忘れている可能性があります。（提供されたコードには表示されないため、仮定）

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> 
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
于 2013-03-07T06:10:12.180 に答える