动态模型绑定客户端

Question

我正在创建一个 asp.net MVC 剃须刀页面，其中我必须使用 jQuery 动态添加/删除模型（全部在客户端）。模型不仅需要在列表末尾添加/删除，而且可以是在列表中的任何位置删除/添加。在这种情况下如何处理模型（模型的索引），以便我必须将模型绑定数据发布到控制器

目前，我正在像这样克隆数据，

var $newPanel = $currentPanel.clone().removeAttr('id');

并像这样分配对象

$('#id1', $newPanel).attr('name', 'CurrentDateTrips[' + index + '].Vehicle');

Answer 1

要使用默认的 MVC 列表绑定，索引需要顺序（即 1,2,3，而不是 1,3,4）。

但是，索引不需要在 html 中按该顺序排列，只要它们在帖子中是连续的即可。

对于删除，不要.remove() 行，而是有一个逻辑删除（例如，带有name=rowdeleted 左右的隐藏输入）。这样在删除行时序列保持顺序。

中间添加新行与末尾添加相同，索引为现有行/最高索引+1。但可以在实际行中的任何位置，无需重新索引。