MVC Razor列表项目上下移动

时间:2013-10-03 13:27:00

标签: javascript asp.net-mvc asp.net-mvc-4 razor

我需要上下移动项目,以便能够删除和添加。

我可以在服务器端执行此操作,但我相信这也可以在客户端完成,使用javascript of sort。我是Web开发的新手,如果有人可以给我一些例子或者指出如何实现我的目标,我将非常感激。

@for (int i = 0; i < Model.Items.Count; i++)            
{
   <tr>
      <td>@Html.EditorFor(model => model.Items[i].Id)@Html.HiddenFor(model => model.Items[i].Id)</td>
      <td>@Html.EditorFor(model => model.Items[i].Type)@Html.HiddenFor(model => model.Items[i].Type)</td>
      <td>@Html.EditorFor(model => model.Items[i].Address)@Html.HiddenFor(model => model.Items[i].Address)</td>
   </tr>
}

1 个答案:

答案 0 :(得分:0)

为了进行渲染,您应该查看一个javascript模板引擎,如:

把手(http://handlebarsjs.com/) 小胡子:(http://mustache.github.io/

还有很多其他的,但是它们允许你通过javascript将新行添加到你的表中,或者你可以(不推荐)直接在javascript中构建HTML。

当然,如果您要向表中添加数据,您还需要将这些数据发回服务器,以便将其保存到数据库中。