簡體   English   中英

如何在C#中將列表轉換為嵌套列表

[英]How to convert a list to nested list in C#

我有一個 List 對象

List<string> intList = new List<string>();

我在“intList”對象中有 a,b,c,d,e,f 。 通常,HTML 渲染是

<ul>
  <li>a<li>
  <li>b<li>
  <li>c<li>
  <li>d<li> 
  <li>e<li>
  <li>f<li>
</ul>

上面一:我可以輕松地在MVC視圖頁面中渲染HTML:

<ul>
   @foreach(var item in Model)
   {
      <li>@item</li>
   }
</ul>

下面的輪播 HTML 很難像上面的代碼一樣呈現。 有什么建議?

<div id="carousel">
  <div class="item">
    <ul>
      <li>a<li>
      <li>b<li>
    </ul>
  </div>

  <div class="item">
    <ul>
      <li>c<li>
      <li>d<li>
    </ul>
  </div>

  <div class="item">
    <ul>
      <li>e<li>
      <li>f<li>
    </ul>
  </div>
</div>

做類似的事情:

<div class="item>
    <ul>
       @foreach(var item in Model)
       {
          if(item % 2 == 0)
          {
              </ul>
              </div>
              <div class="item>
              <ul>  
          }
          <li>@item</li>
       }
    </ul>
</div>

您可以使用標准 for 循環並檢查循環變量是否> 0以及它是否可以被 2 整除:

@if (Model.Count > 0)
{
<div class="item">
    <ul>
       @for(int i =0; i<Model.Count; i++)
       {
          if(i> 0 && i % 2 == 0)
          {
              @:</ul>
              @:</div>
              @:<div class="item">
              @:<ul>  
          }
          <li>@Model[i]</li>
       }
    </ul>
</div>
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM