상단 항목 주위에 배치 div 작성

Question

목록의 모든 뉴스 항목이있는 스크립트가 있습니다. 는 지금 내 출력은 다음과 같습니다

<section class="news-list">    

      <article class="news-item top-news"> 
       <a href="/nyheder/dbu-nyhed-4/">DBU Nyhed 4 (Topnyhed)</a> 
      </article> 
      <article class="news-item top-news"> 
       <a href="/nyheder/dbu-nyhed/">DBU Nyhed (Topnyhed)</a> 
      </article> 
      <article class="news-item"> 
       <a href="/nyheder/dbu-nyhed-3/">DBU Nyhed 3</a> 
      </article> 
      <article class="news-item"> 
       <a href="/nyheder/dbu-nyhed-2/">DBU Nyhed 2</a> 
      </article> 

</section> 

내가 뭘하고 싶은 것은 :

• 는 "톱 뉴스"문서 항목

코드의 모든 주위에 포장 DIV 만들기 다음과 같이 표시됩니다.

@if (CurrentPage.Children.Where("Visible").Any()) 
{ 
<section class="news-list">    
    @* For each child page under the root node, where the property umbracoNaviHide is not True *@ 
    @foreach (var childPage in CurrentPage.Children.Where("Visible").OrderBy("topNews desc, CreateDate desc")) 
    { 
     var isTopNews = childPage.topNews; 
     if (isTopNews) 
     { 
      <article class="news-item top-news"> 
       <a href="@childPage.Url">@childPage.Name (Topnyhed)</a> 
      </article> 
     } 
     else 
     { 
      <article class="news-item"> 
       <a href="@childPage.Url">@childPage.Name</a> 
      </article> 
     } 
    } 

</section> 
} 

Answer 1

두 가지로 목록을 분할해야합니다 :

@if (CurrentPage.Children.Where("Visible").Any()) 
{ 
<section class="news-list">    
    @* For each child page under the root node, where the property umbracoNaviHide is not True *@ 
    @foreach (var childPage in CurrentPage.Children.Where("Visible").Where("topNews").OrderBy("CreateDate desc")) 
    { 
     <article class="news-item top-news"> 
      <a href="@childPage.Url">@childPage.Name (Topnyhed)</a> 
     </article> 
    } 

    @foreach (var childPage in CurrentPage.Children.Where("Visible").Where("not topNews").OrderBy("CreateDate desc")) 
    { 
     <article class="news-item"> 
      <a href="@childPage.Url">@childPage.Name (Topnyhed)</a> 
     </article> 
    } 
</section> 
} 

그런 다음 div를 필요한 위치로 둘러 쌉니다.