Episerver Benutzerdefinierte Render-Blöcke innerhalb des Inhaltsbereichs

Question

Ich erstellte Inhaltsbereich für jquery Tabs. Mit Block, der TAB-Namen und Tab-Inhalt enthält. Die sturcture ist wie unter

<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> 

---

Wenn ich versuche, diese Struktur durch Ansicht eines Blocks zu machen. Ich kann es nicht nachmachen. Da muss ich alle li 's in einem ul und alle div s innerhalb tab-content setzen.

Answer 1

Ich würde vorschlagen, dies nicht mit @ Html.PropertyFor(), nicht mit diesem Markup trotzdem zu rendern. Weil Sie mit vielen Anzeigevorlagen und Hilfsmethoden enden würden. Erstellen Sie stattdessen ein Ansichtsmodell, in dem alles bereits gut zusammengestellt ist. Dann durchlaufen Sie Ihr Ansichtsmodell zweimal, einmal für die ungeordnete Liste und dann für jedes Registerkartenfenster.