MVC剃刀列表項上下移動

Question

我需要上下移動項目，才能刪除和添加。

我可以在服務器端做，但我相信這也可以在客戶端完成，使用JavaScript的排序。我是網絡開發新手，如果有人能給我一些例子或指出方向，我將如何實現我的目標，我將不勝感激。

@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> 
} 

Answer 1

爲了做到渲染你應該考慮一個javascript模板引擎，如：

把手（http://handlebarsjs.com/） 鬍子：（http://mustache.github.io/）

有很多人，但他們會允許你可以通過javascript將新行添加到你的表中，或者你可以（不推薦）直接在javascript中構建HTML。

當然，如果您要將數據添加到表格中，您還需要將該數據發回服務器以便將其保存到數據庫中。