Blazor-マスターページの定義と使用(Layout)
定義と使用
まず、コンポーネントに
定義テンプレートページは
サブページ:
しかし、ページが多く、毎回指定するのは面倒なので、グローバル構成を使用する必要があります.
≪グローバル指定マスター|Global Specify Master|emdw≫・ページ
あなたの
構成要素
まとめ
何をまとめますか?マスターページが使用されるようになりましたね…ふふ^^
まず、コンポーネントに
LayoutComponentBase
を継承させ、サブページとして提示する必要がある位置にBody
の属性を出力し、サブページは@layout
命令で使用する指定されたマスターページを使用して、終了することができる.定義テンプレートページは
MyLayout
です.@inherits LayoutComponentBase
<div class="main">
<header>
<h1> h1>
header>
<div class="content">
@Body
div>
<footer>
footer>
サブページ:
@page "/mypage"
@layout MyLayout
<h1> h1>
しかし、ページが多く、毎回指定するのは面倒なので、グローバル構成を使用する必要があります.
≪グローバル指定マスター|Global Specify Master|emdw≫・ページ
あなたの
App.razor
では、<Router AppAssembly="typeof(Program).Assembly">
<Found Context="routeData">
<RouteView RouteData="routeData" DetaultLayout="typeof(MyLayout)" />
Found>
Router>
構成要素
RouteView
のうちDefaultLayout
を配置すればよい.Type
のタイプを受け入れるので、typeof( )
の方法をそのまま使えばいいです.まとめ
何をまとめますか?マスターページが使用されるようになりましたね…ふふ^^