jquery - 如何使用 ViewModel 数组字符串属性绑定(bind)多个文本框？

Question

在下面的链接中，有一个添加按钮，允许您添加我在应用程序中使用的多个文本框。

http://jsfiddle.net/cN5SR/200/

现在我想知道如何将字符串值数组与我的 ViewModel 绑定(bind)。

假设我在 ViewModel 中的属性如下:

Public class MyViewmodel
{
   Public string[] players { get; set; }
}

Answer 1

如果我静态地执行此操作，我将使用 Razor 语法按如下方式执行此操作。

@for(int i = 0; i < Model.players.Length; i++)
{
   @Html.EditorFor(m => m.players[i]);
}

这会产生以下标记:

<input class="text-box single-line" id="players_0_" name="players[0]" type="text" value="Bob" />
<input class="text-box single-line" id="players_1_" name="players[1]" type="text" value="Sam" />

因此，如果您使用如下所示的 javascript 添加两个输入并将其发布到您的 Controller ，则默认 Binder 将创建一个包含 4 个项目的玩家数组。我希望你能看到这个模式。

<input class="text-box single-line" id="players_2_" name="players[2]" type="text" value="Pete" />
<input class="text-box single-line" id="players_3_" name="players[3]" type="text" value="Dirk" />

存在一些挑战。我以前曾经这样做过，并且在删除方面遇到了一些问题。我现在不记得具体的问题以及我做了什么来解决它。