2017-03-11 10 views
1

私は、Bootstrap 4を使用してASP.NETコアプロジェクトに取り組んでいます。複数のビューで表示したいブートストラップモーダルがいくつかあります。ASP.NETコア - HTMLコードブロックの再利用

これらのモーダルには、ButtonsやInputsなどの内部要素用のJavascript関数がいくつかあります。

これらのモーダルを(JavaScriptで)複数のビューに読み込む正しい方法は何ですか?

私はPartialViewsを使いたいと思っていましたが、私はJavascriptコードをどこに置くべきかわかりません(PartialViewsに入れるのは悪いことです)。

答えて

0

別個のJSファイルを作成し、この部分ビューを使用するすべてのページの下部に参照することで、スクリプトはページレンダリングをブロックしません。

また、HTMLとJSの両方のモーダルを含むレイアウトファイルを作成し、これを継承することもできます。私は、このアプローチを、相続の原則よりも構図のためにアドバイスします。

@using AssemblyNameWithTagHelpers 
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers 
@addTagHelper "*, AssemblyNameWithTagHelpers" 

はあなたが好きなタグヘルパーを使用することができます。

0

Tag helpersは、このためのより良い使用されるかもしれない、ここにあなたがあなたの_ViewImportsファイルでこれを置けばModalTagHelper

次にブートストラップモーダルタグヘルパーの例ですこれは

<modal id="simpleModalFromAnchor" title="Modal Title"> 
    <modal-body> 
     <h4>Something happened</h4> 
     <p>Something happened</p> 
    </modal-body> 
</modal> 

JavaScriptを使用して別のjsファイルに入れて、使用する各ページから参照してください他のよく使われているコンポーネントとバンドルして、_Layoutファイルの末尾に含めてください。

関連する問題