我有一个 View 模型,它绑定(bind)到“TreasureHuntDetails”对象,其中包含线索列表。这是它的数据模型的一部分。
public TreasureHuntDetails()
{
Clues = new List<Clue>();
}
[Key]
public int TreasureHuntId { get; set; }
public List<Clue> Clues { get; set; }
在页面上,我有一张 table 。 foreach 循环遍历线索列表以将它们添加到表中,例如
@for (int i = 0; i < Model.Clues.Count; i++)
for 循环内的表格元素非常大,但以下是其中一个表格元素列的示例:
<td>@Html.DisplayFor(m => Model.Clues[i].Location)</td>
到目前为止一切都很好。然后,我使用 JQuery UI 允许通过拖放对表中的项目进行重新排序,如下所示:
<script type="text/javascript">
$(document).ready(function()
{
$("#clueTable tbody").sortable().disableSelection();
});
</script>
一切顺利,我可以拖放元素。
问题是我不知道如何保存元素的新顺序并将它们保存回数据库。
我尝试的第一件事就是简单地将线索列表传递给 Controller 方法,但我发现一旦线索列表到达 Controller 方法,它总是为空。
例如:
@Url.Action("ViewCluePage", @Model.Clues)
即使我发送整个@Model,其中的线索列表也始终为空。从数据模型的构造函数中删除新的列表实例并不能解决这个问题。
我尝试的另一件事是将整个表格包装成 HTML 表单,但线索列表仍然为空。
所以基本上,这个问题实际上是两个问题:
1) 为什么将模型对象发送到 Controller 后线索列表始终为空。
2) 如何保存新的项目列表顺序?
更新:根据 @recursive 的建议,我发现在尝试将线索元素提交到 HTML 表单时出错的地方。
我在 for 循环之外使用了它,它迭代了线索元素:
@Html.HiddenFor(m => m.Clues)
我必须在 for 循环内添加 HiddenFor 行(对于每个线索项),以及线索项的每个属性,例如
@Html.HiddenFor(m => m.Clues[i].Id)
因此,这将是向前迈出的一步,能够将列表项发送到 Controller ,但我认为我仍然需要代码来反射(reflect)发送到 Controller 时线索项的新顺序。目前,在使用 JQuery sortable() 方法重新排列屏幕上元素的顺序时,这不会更改元素的顺序,因为它们存储在绑定(bind)到 View 的数据模型中 (@Model.Clues)。
最佳答案
1) 正如 @resursive 在他的评论中所说,您需要在页面上隐藏元素来映射到 Clue
类中的属性。
2) 至于保留线索的顺序,您需要在数据库中添加一列来保存列表中每个线索的位置,并将位置属性添加到您的类中。所以你的类(class)需要包括
public int Position {get;set;}
创建页面时应从数据库中提取。然后,在渲染页面之前,您应该根据 Position 变量对线索列表重新排序。
编辑:使用jquery的sortable属性。 Check out this thread for reference.在停止拖动事件中(或在提交之前),循环遍历每个可拖动对象并设置对象的每个隐藏 Position 属性的值。
var positionIndex = 0;
$('.draggableObjectClass).each(function () {
$(this).find('input[id$=_Position]').val(positionIndex++);
});
关于c# - 从 MVC View 模型保存重新排序的列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16199266/