外部コンテンツの設定

wijdialog ウィジェットは、同じプロジェクトの別のページまたは外部 Web サイトからの外部コンテンツの表示をサポートします。 Web サイト（http://demo.componentone.com/ASPNET/MVCExplorer/dialog/ContentUrl）にアクセスし、MVC コントロールエクスプローラの Dialog > External Content サンプルのライブデモをご覧ください。

ASP.NET MVC 4 Wijmo アプリケーションを作成します。
ソリューションエクスプローラで、Views → Shared フォルダを展開し、_Layout.cshtml をダブルクリックしてファイルを開きます。
依存関係をチェックして、プロジェクトが Wijmo の最新バージョンを参照していることを確認します。これらはページの <head> タグ内に配置されている必要があります。 Wijmo の最新バージョンの依存関係は http://wijmo.c1.grapecity.com/download/#wijmo-cdn で確認できます。

以下のマークアップをページの <body> タグ内に追加して、ダイアログウィンドウを作成します。

ソースビュー	コードのコピー
<div id="dialog" title="Search!"> </div>

以下のスクリプトを追加して、ウィジェットを初期化します。

ソースビュー	コードのコピー
<script id="scriptInit" type="text/javascript"> $(function () { // $(":wijmo-wijdialog").wijdialog("destroy").remove(); $("#dialog").wijdialog({ width: 840, height: 640, contentUrl: 'http://www.yahoo.com', autoOpen: true }); }); </script>

ソースビュー

コードのコピー

<script id="scriptInit" type="text/javascript">
        $(function () {
            // $(":wijmo-wijdialog").wijdialog("destroy").remove();
            $("#dialog").wijdialog({ width: 840, height: 640, contentUrl: 'http://www.yahoo.com', autoOpen: true });
        });
    </script>

アプリケーションを実行して外部コンテンツを表示します。