この手順では、最初にビューを設定します。 ポップアップにコンテンツを追加します。
 |
注意： この手順では、MVC ツールバープロジェクトを作成済みであることを前提にしています。 詳細については、「MVC Classic プロジェクトの作成」を参照してください。 |
以下の手順を実行します。
- ソリューションエクスプローラに移動して、Views フォルダ内の Shared フォルダを展開し、_Layout をダブルクリックしてファイルを開きます。
- 以下のマークアップを、
@RenderBody()のすぐ後のページの<body>タグ内に追加します。ソースビュー コードのコピー<div id="food"> <img src="http://lorempixel.com/400/200/food/1/" alt="Popup Food!" /> </div> <div> <input type="button" id="Button1" onclick="popupbeside();" value="popup" /> </div>このマークアップは、画像とボタンをページに追加します。 ボタンをクリックすると、画像が表示されます。
この手順では、ビューを作成しました。 次の「手順 2： ウィジェットの初期化」 では、スクリプトを追加してウィジェットを初期化します。