[Popup for ASP.NET MVC] ポップアップ内に別ページを表示する方法 – MESCIUS ナレッジベース

作成日: 2019/02/08 最終更新日: 2019/02/08

文書種別

使用方法

詳細

Popup内に別のページのHTMLを表示するには、下記のように部分ビューをコンテンツとして設定してください。

◎サンプルコード(View)

<button id="btn1">Open About</button>
<button id="btn2">Open Contact</button>
<div id="popup1" style="padding:20px;width:900px;">
　　<div style="width:100%">
　　　　<span style="float:right;padding-right:50px;" class="wj-hide-ok">×</span> <br />
　　</div>
　　<div style="width:100%">
　　　　From About Page: <br />
　　　　@Html.Partial("About")
　　</div>
</div>
<div id="popup2" style="padding:20px;width:900px;">
　　<div style="width:100%">
　　　　<span style="float:right;padding-right:50px;" class="wj-hide-ok">×</span> <br />
　　</div>
　　<div style="width:100%">
　　　　From Contact Page: <br />
　　　　@Html.Partial("Contact")
　　</div>
</div>

@Html.C1().Popup("#popup1").Modal(true).Owner("#btn1")
@Html.C1().Popup("#popup2").Modal(true).Owner("#btn2")

旧文書番号

83628