如何创建将IEnumerable <t>绑定到表</t>的HtmlHelper扩展方法

时间:2015-01-30 14:07:16

标签: asp.net-mvc html-table ienumerable model-binding

这是我的观点模型:

public class TaskViewModel{
  public int TaskID{get;set;}
  public IEnumerable<TaskExecutor> Executors{get;set;}
}

public class TaskExecutor{
  public int ExecutorID{get;set;}
  public string LastName{get;set;}
  public string FirstName{get;set;}
}

在我看来,我做过类似的事情:

<table>
 @foreach(var item in Model.Executors)
   {
      <tr>
         <td>item.ExecutorID</td>
         <td>@string.Format("{0} {1}",item.FirstName,item.LastName)</td>
      </tr>
   }
</table>

现在,在加载视图时,没有任何问题,但我可能需要编辑表格,并且我希望在提交表单时保持更改。我能想到的唯一方法是一个HtmlHelper扩展方法,它将IEnumerable正确绑定到一个表,但我不知道如何做到这一点。我很高兴看到一些代码。或者还有其他方法可以达到这个目的吗?

1 个答案:

答案 0 :(得分:3)

一个选项可能如下:

namespace System.Web.Mvc
{
    public static class ExecutorsExtensions
    {
        public static MvcHtmlString Executors(this HtmlHelper helper, List<TaskExecutor> executors)
        {
            var sb = new StringBuilder();
            sb.Append("<table>");
            for (var i = 0; i < executors.Count; i++)
            {
                sb.Append("<tr>");
                sb.Append(string.Format("<td><input name=\"Executors[{0}].FirstName\" value=\"{1}\"></td>", i, executors[i].FirstName));

                // add other cells here                 
                sb.Append("<tr>");
            }
            sb.Append("</table>");

            return new MvcHtmlString(sb.ToString());

        }
    }
}

<强>用法

@Html.Executors(Model.Executors)

请注意,您需要让Executors为List<TaskExecutor>才能使索引正常工作。

循环和名称变量的索引将使模型绑定保持愉快。您可以添加我在上面评论的其他字段。

如果需要,您还可以使用Html.TextBoxHtml.TextBoxFor生成输入。