Wijdialog

wijdialog ウィジェットは、情報の表示に便利なモーダルまたはモードレスダイアログボックスを作成可能な UI です。wijdialog ウィジェットは、アニメーション、外部コンテンツの表示、およびアラートウィンドウとしての wijdialog ウィジェットの使用をサポートします。wijdialog ウィジェットでユーザーは移動したり、サイズ変更したり、インタラクティブ操作を行うことができます。

メニューを表示するビューの .cshtml ファイルを開きます。次のマークアップを使用し、ダイアログボックスを作成します。

ソースビュー	コードのコピー
<div id="dialog" title="ダイアログ"> <p> これは既定のダイアログです。 </p> </div>

ソースビュー

コードのコピー

<div id="dialog" title="ダイアログ">
     <p>
   これは既定のダイアログです。

     </p>
       </div>

リストを作成したら、wijdialog ウィジェットを初期化する必要があります。これを行うには、リストを含む .cshtml ファイルに次のスクリプトを追加します。

ソースビュー	コードのコピー
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { // デバッガ // $(":wijmo-wijdialog").wijdialog("destroy").remove(); $('#dialog').wijdialog({ autoOpen: true, captionButtons: { refresh: { visible: false } } }); }); </script>

ソースビュー

コードのコピー

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
// デバッガ
        // $(":wijmo-wijdialog").wijdialog("destroy").remove();
        $('#dialog').wijdialog({
            autoOpen: true,
            captionButtons: {
                refresh: { visible: false }
            }
        });
    });
    </script>

プロジェクトを実行すると、基本の wijdialog は次のような表示になります。

関連項目：