3

我一直在摆弄 MVC 很长一段时间，我有兴趣创建一个将所有 cd 内容记录在一张 cd 下的迷你应用程序。我现在的主要障碍是如何将内容列表与其他属性值一起传递给 Cd.class？

public class Cd
{
    public int CdId { get; set; }
    public string Description { get; set; }
    public virtual ICollection<Content> Contents { get; set; } 
}

public class Content
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string ContentType { get; set; }
}

看法：

 $.ajax({
 url: '/cd/addCd',
 type: 'POST',
 data:$('form').serialize()
    });

@using(Html.BeginForm()){
@Html.LabelFor(x=>x.CdId)
@Html.TextBoxFor(x=>x.CdId) <br/>
@Html.LabelFor(x=>x.Description)
@Html.TextBoxFor(x=>x.Description)<br />
<input type="submit" value="Submit" id="submit"/>

}

请注意，ajax 的 Serialize 函数已经传递了 CdId 和 Description 值 - 只有 Contents 属性是我无法理解的那个

更新

我通过创建一个将序列化数据发送到控制器的 ajax 片段来解决我的查询：

 $.ajax({
            type: 'POST',
            url: 'http://localhost:54004/Cd/AddCd',
            data: JSON.stringify(formData),
            contentType:'application/json;charset=utf-8'
        })
        .success(function () { })

使用以下 formData obj：

   var formData = {
        'Description': "Learning Visual Studio 2012",
        'CdId': 1,
        'Contents': [{ "Id": 1, "Name": "Video #1", "ContentType": "Mp4" }, { "Id": 2, "Name": "Video #2", "ContentType": "Mp4" }]
    };

现在控制器正在接收完整的 Cd 实体值及其内容。希望这对将来的某人有用。

4

2 回答 2

1

实现您想要的最佳方法是删除 JQuery 并用 Ajax.BeginForm 替换您的 HTML.BeginForm

@using(Ajax.BeginForm()){
@Html.LabelFor(x=>x.CdId)
@Html.TextBoxFor(x=>x.CdId) <br/>
@Html.LabelFor(x=>x.Description)
@Html.TextBoxFor(x=>x.Description)<br />

@Html.TextBoxFor(x=>x.Contents[0].Id)<br />
@Html.TextBoxFor(x=>x.Contents[0].Name)<br />
@Html.TextBoxFor(x=>x.Contents[0].ContentType)<br />
@Html.TextBoxFor(x=>x.Contents[1].Id)<br />
@Html.TextBoxFor(x=>x.Contents[1].Name)<br />
@Html.TextBoxFor(x=>x.Contents[1].ContentType)<br />
<input type="submit" value="Submit" id="submit"/>
}

现在您的提交按钮将发布到以您的视图命名的方法并发送整个模型

于 2013-03-10T18:52:16.583 回答
0

代替通过迭代手动构建 JSON 对象，有一种有趣的替代方法，即 knockoutmvc（与 MVC 集成的 Knockout）

检查示例 - http://knockoutmvc.com/BetterList

它无需编写任何额外代码即可发送完整的 JSON 对象。

于 2014-09-17T16:06:28.390 回答