如何使用razor語法對視圖模型項進行排序

Question

我正在遍歷Model.Images並顯示縮略圖庫。 我希望“主”圖像始終首先顯示在頁面上。 “主”圖像是我在對象Image設置的標志/屬性。 它稱為IsMain ，它是一個布爾值。 我不確定如何在剃須刀中在代碼后面對其進行排序或在頁面中對其進行排序，以便始終將屬性為IsMain設置為true的Image始終顯示在IsMain ？

這是我要顯示所有圖像的地方。

<ul id="sortable">
  @foreach (var image in Model.Images) {
  <li class="col-sm-6 col-md-4">

    <div class="thumbnail">
      <a class="close" href="#">×</a>
      @{ var base64 = Convert.ToBase64String(image.ImageThumbnail); var thumbSrc = String.Format("data:image/gif;base64,{0}", base64); var base64Modal = Convert.ToBase64String(image.Image); var imgSrcModal = String.Format("data:image/gif;base64,{0}", base64Modal);
      var imageId = "pop" + image.YogaSpaceImageId; var imagesourceId = "imagesource" + image.YogaSpaceImageId; }
      <a class="image" id="@imageId" href="" data-toggle="modal" data-target="#myModal">
        <img id="@imagesourceId" src="@thumbSrc" data-imagesrc="@imgSrcModal" alt="image not found" width="203" height="136" />
      </a>
      <div class="caption">
        <h3>Thumbnail label</h3>
        <p>...</p>
        <p><a href="#" class="btn btn-primary" role="button">Button</a>  <a href="#" class="btn btn-default" role="button">Button</a>
        </p>
      </div>
    </div>

  </li>
  }
</ul>

Answer 1

假設Model.Images是List<Image> ，則

images = Model.Images.OrderBy(i => i.IsMain).ToList();  // I think I got the syntax right, may have to check that.

應該這樣做。

這可以在控制器或視圖中完成，以更適合您的體系結構的位置為准。