Episerverコンテンツエリア内のカスタムレンダリングブロック

Question

jqueryタブのコンテンツエリアを作成しました.TAB名とタブコンテンツを含むブロックがあります。私は、ブロックのビューを介して、この構造をレンダリングしようとした場合sturctureは

<div id="tabs"> 
    <!-- Nav tabs --> 
    <ul class="nav nav-tabs nav-justified" role="tablist"> 
     <li class="active" role="presentation"> 
      <a aria-controls="home" data-toggle="tab" href="#home" role="tab">INTRODUCTION</a> 
     </li> 
     <li role="presentation"> 
      <a aria-controls="profile" data-toggle="tab" href="#profile" role="tab">OUR HOLIDAYS TO ITALY</a> 
     </li> 
     <li role="presentation"> 
      <a aria-controls="messages" data-toggle="tab" href="#messages" role="tab">ABOUT ITALIAN EXPRESSION</a> 
     </li> 
     <li role="presentation"> 
      <a aria-controls="settings" data-toggle="tab" href="#settings" role="tab">ITALY HOLIDAY HIGHLIGHTS</a> 
     </li> 
    </ul> 
    <!-- Tab panes --> 
    <div class="tab-content tabgrey"> 
     <div class="tab-pane fade in active country_content" id="home" role="tabpanel">test</div> 
     <div class="tab-pane fade country_content" id="profile" role="tabpanel">test</div> 
     <div class="tab-pane fade country_content" id="messages" role="tabpanel">test</div> 
     <div class="tab-pane fade country_content" id="settings" role="tabpanel">asdsadsad</div> 
    </div> 
</div> 

---

以下のようなものです。私はそれをエミュレートすることはできません。 liのすべてをulとすべてdivの中に入れておく必要がありますので、tab-contentです。

Answer 1

これを@ Html.PropertyFor（）で表示せず、そのマークアップではできません。なぜなら、多くの表示テンプレートとヘルパーメソッドが必要になるからです。すべてがうまくまとめられている代わりに、ビューモデルを作成します。次に、ビューモデルを2回ループします.1回は順序付けられていないリストを選択し、次にすべてのタブペインを繰り返します。