手順 1：ビューの設定

この手順では、マークアップを追加し、コンテンツをコンボボックスに追加します。以下を実行します。

Microsoft Visual Studio の［ファイル］メニューから、[新しいプロジェクト］を選択します。［新しいプロジェクト］ダイアログボックスが開きます。
テンプレートの［Visual Basic］または［Visual C#］より［Web］を選択します。
右ペインから［ASP.NET MVC 4 Wijmo アプリケーション］を選択します。
［名前］、［場所］、［ソリューション名］フィールドを設定して、〈OK〉をクリックします。
新しい ASP.NET MVC Wijmo 4 アプリケーションが作成されます。Models、Views、および Controllers フォルダが含まれていることがわかります。これらのフォルダは Wijmo for MVC のチュートリアルで使用します。
ソリューションエクスプローラで、Views | Shared フォルダを展開し、_Layout.cshtml をダブルクリックして、ファイルを開きます。

以下のマークアップをページの <body> タグ内に追加します。このマークアップはツールチップのコンテンツをページに追加します。

ソースビュー	コードのコピー
<div class="main demo"> <!-- デモマークアップの開始 --> <h2 id="tooltip" class="ui-helper-reset ui-widget-header ui-corner-all" style="padding: 1em;"> <a href="#" title="tooltip">Anchor</a> </h2> <!-- デモマークアップの終了 --> <div class="demo-options"> <!-- オプションマークアップの開始 --> <label> Close Behavior</label> <select id="closeBehavior"> <option value="auto">auto</option> <option value="none">none</option> <option value="sticky">sticky</option> </select> <!-- オプションマークアップの終了 --> </div> </div>

ソースビュー

コードのコピー

<div class="main demo">
            <!-- デモマークアップの開始 -->
            <h2 id="tooltip"  class="ui-helper-reset ui-widget-header ui-corner-all" style="padding: 1em;">
                <a href="#" title="tooltip">Anchor</a>
            </h2>
            <!-- デモマークアップの終了 -->
<div class="demo-options">
                <!-- オプションマークアップの開始 -->
           <label>
                    Close Behavior</label>
                <select id="closeBehavior">
                    <option value="auto">auto</option>
<option value="none">none</option>
                    <option value="sticky">sticky</option>
</select>
                <!-- オプションマークアップの終了 -->
      </div>
      </div>