Question

假设我有一个用于呈现表的列表视图的视图模型。

查看型号：

  public class SortModel
  {
     public List<Document> Documents {get;set;}
     public string SortParameter {get;set;}
     public string SortOrder {get;set;}
  }

  public class Document
  {
     public string Name {get;set;}
     public int Age {get;set;}
  }

查看：

   <th>@Html.DisplayNameFor(model => model.Documents[0].Name)</th>
   <th>@Html.DisplayNameFor(model => model.Documents[0].Age)</th>

控制器：

public ActionResult Index(SortModel model)
{
   var docs = db.GetDocs();
   if(model.SortParameter == "Age" && model.SortOrder == "desc")
   {
      docs.OrderByDescending(x => x.Age);
   }  
   return View(model); 
}

如何渲染视图以便表格标题可以点击并在发布之前更新模型？我想避免使用ViewBag。

我猜我是否需要使用ActionLink，但我不确定如何在发布之前更新模型。

类似的东西：

<th>@Html.ActionLink("Index", "Home", "Name", new { Model.SortParameter = "Name", Model.SortOrder = "Desc"})

Answer 1

将表格标题更改为

<th>@Html.ActionLink("Name", "Index", "Home", new { SortParameter = "Name", SortOrder = Model.SortOrder }, null)</th>
<th>@Html.ActionLink("Name", "Index", "Home", new { SortParameter = "Age", SortOrder = Model.SortOrder }, null)</th>

然后修改控制器方法以切换SortOrder

public ActionResult Index(SortModel model)
{
   var docs = db.GetDocs();
   if(model.SortParameter == "Age" && model.SortOrder == "desc")
   {
      docs.OrderByDescending(x => x.Age);
      model.SortOrder == "acs"
   }  
   return View(model); 
}

请注意，如果您拥有bool IsAscending属性而不是string SortOrder，则可能会更容易。

但是，您只有一个＆＃39; SortOrder＆＃39;属性，因此如果当前视图按升序显示按Name排序的文档，并且用户单击Age，则文档将按Age按升序排序。如果用户点击Name，则文档将按Name降序排序。您还没有说明为什么会出现所需的行为，但您可以添加多个＆＃39; SortOrder＆＃39;属性，比如说

public bool IsNameAscending { get; set; }
public bool IsAgeAscending { get; set; }

处理该问题，并允许您在查询中使用.ThenBy()，例如

docs.OrderBy(x => x.Age).ThenBy(x=> x.Name);

您可能还想渲染可视指示符（例如向上或向下箭头）以指示用户的当前排序顺序。

在View Model上使用属性进行MVC排序

1 个答案: