将 JQuery 创建的元素绑定到我的控制器中的参数

Question

我的视图中有一个表单，其中包含以下两个 html 元素（这些元素是由 JQuery 动态创建的，未使用模型绑定到视图）。

<input id="JsonCommand_0__NickName" type"radio" name="JsonCommand[0].NickName" value="name1" checked>
<input id="JsonCommand_1__NickName" type"radio" name="JsonCommand[1].NickName" value="name2" checked>

我有以下课程：

public class JsonCommand
{
    public string NickName { get; set; }
}

我有以下控制器：

[HttpPost, Authorize, Compress]
public ActionResult Edit(IEnumerable<JsonCommand> command)
{
    ....
}

我正在使用 JQuery.Form 插件发布到此控制器。我是否可以通过这种方式将表单集合序列化为 JsonCommand 对象？目前，当我尝试时，我得到命令的空值。

有什么方法可以在客户端创建一个集合并将其绑定到我的 JsonCommand 对象吗？

谢谢

Answer 1

以下内容对我来说非常适合：

模型：

public class JsonCommand
{
    public string NickName { get; set; }
}

控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new[] 
        {
            new JsonCommand { NickName = "name1" },
            new JsonCommand { NickName = "name2" },
        });
    }

    [HttpPost]
    public ActionResult Index(IEnumerable<JsonCommand> command)
    {
        return Json(new { message = "ok" });
    }
}

视图（~/Views/Home/Index.aspx）：

<script type="text/javascript" src="https://github.com/malsup/form/raw/master/jquery.form.js?v2.43"></script>
<script type="text/javascript">
    $('form').ajaxForm(function (result) {
        alert(result.message);
    });
</script>

<% using (Html.BeginForm()) } %>
    <%: Html.EditorForModel() %>
    <input type="submit" value="OK" />
<% } %>

编辑器模板（~/Views/Home/EditorTemplates/JsonCommand.aspx< /code>)：

<%@ Control 
    Language="C#"
    Inherits="System.Web.Mvc.ViewUserControl<AppName.Models.JsonCommand>" %>
<%: Html.RadioButtonFor(x => x.NickName, Model.NickName) %>

另请注意，单选按钮通常绑定到布尔值而不是字符串。