Blazor-マスターページの定義と使用(Layout)

4508 ワード

定義と使用
まず、コンポーネントに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( )の方法をそのまま使えばいいです.
まとめ
何をまとめますか?マスターページが使用されるようになりましたね…ふふ^^