0

私はウェブ開発が初めてです..

MVC3 Razor で Entity Framework を使用してビューを作成しました。次に、 scaffolfind オプションを使用してコントローラーを追加します

テンプレート: 読み取り/書き込みアクションとビューを備えたコントローラー、Entity Framework を使用

モデル クラス: クライアント

データ コンテキスト クラス : ClientDbContext

ビュー : Razor(CSHTML)

コントローラークラスとインデックス、詳細、削除、ビューの削除を作成します...その後、検索とページネーションのためにインデックスページを変更しました...

すべてが正常に機能しています...インデックスページで、リンクの作成、編集、削除、詳細があります...リンクをクリックすると、ブラウザがそのページにロードされ、正常に機能しています...

しかし、インデックスページのリンクをクリックしたときにそれらのビューをポップアップする必要があります...これを行う方法がわかりません...多くの記事を調べましたが、混乱しています...これを解決するのを手伝ってください効率的な方法...

前もって感謝します...

4

2 に答える 2

0

ページ内にモデル ポップアップを作成することは、ASP.NET MVC で直接実行できるものではありません。javascript と css を使用して自分で行うこともできますが、これを行うには JS UI フレームワークを使用することを強くお勧めします。jQuery UIには、ダイアログと呼ばれることを除いて、ポップアップ モーダル ボックスがあります。

jQuery UI のダイアログのドキュメントは、ここにあります。例を見て、設定方法の詳細を確認してください。しかし、これはあなたがする必要があることの基本的な流れです:

  • 必要なjQuery UIファイルをダウンロードし、ページに含めます (CSS/JS ファイル)
  • create/update/delete ビューから html を取得してインデックス ページに配置し、適切な ID を持つ div でラップします。
  • ページが読み込まれたら、jquery ui を使用して、ポップアップにしたい div をターゲットにします

ダイアログポップアップを作成するリンクなどは、オプションをダイアログ初期化メソッドに渡すことで設定されます。正確なオプションと例はドキュメントページにあります。

于 2013-02-22T15:20:29.720 に答える
0

これを参照してください: http://jqueryui.com/dialog/ jQuery ダイアログ ボックスを作成します。

    <script>
        $(function() {
            $( "#dialog" ).dialog();
          });
    </script>

    <div id="dialog">
         @using(Html.BeginForm()){
            @Html.EditorForModel()
           <input type='submit' value ='Submit'/>
        }
    </div>
于 2013-02-26T12:19:12.177 に答える