6

我有一个看起来像这样的 MVC 视图模型：

public class DirectorySearchModel
{
    [Display(Name = "First name contains")]
    public string FirstName { get; set; }

    [Display(Name = "Last name contains")]
    public string LastName { get; set; }

    public CountriesCollection Countries { get; set; }
    public IEnumerable<Country> SelectedCountries { get; set; }
    public IEnumerable<Country> AllCountries { get; set; }
}

CountryCollection 对象（第 9 行）如下所示：

public class CountriesCollection
{
    [Display(Name = "Countries")]
    public int[] arrCountries { get; set; }
}

现在，我正在创建 CountryCollection 的新空白实例，然后将其添加到 DirectorySearchModel 视图模型的空白实例中，然后将其全部序列化为 Knockout.js 的 javascript 视图模型：

{
"FirstName":null,

"LastName":null,

"Countries":{"arrCountries":[]},

"SelectedCountries":[{"RelationshipManager":{},"CountryId":1,"CountryName":"UK"},{"RelationshipManager":{},"CountryId":2,"CountryName":"France"},{"RelationshipManager":{},"CountryId":3,"CountryName":"Spain"}],

"AllCountries":[{"RelationshipManager":{},"CountryId":1,"CountryName":"UK"},{"RelationshipManager":{},"CountryId":2,"CountryName":"France"},{"RelationshipManager":{},"CountryId":3,"CountryName":"Spain"}]
}

我的复选框呈现为：<input checked="checked" data-bind="checked: Countries.arrCountries" id="Countries_arrCountries30" name="Countries.arrCountries" type="checkbox" value="1">. 检查一对意味着你最终得到了这个 Knockout.js 视图模型：

{
"FirstName":null,

"LastName":null,

"Countries":{"arrCountries":["1", "3"]},

"SelectedCountries":[{"RelationshipManager":{},"CountryId":1,"CountryName":"UK"},{"RelationshipManager":{},"CountryId":2,"CountryName":"France"},{"RelationshipManager":{},"CountryId":3,"CountryName":"Spain"}],

"AllCountries":[{"RelationshipManager":{},"CountryId":1,"CountryName":"UK"},{"RelationshipManager":{},"CountryId":2,"CountryName":"France"},{"RelationshipManager":{},"CountryId":3,"CountryName":"Spain"}]
}

将我的视图正常提交（即通过提交按钮而不是使用 Knockout.js）到需要 a 的 MVC 操作DirectorySearchModel，我可以要求model.Countries.arrCountries获取已检查项目的列表，但是当我使用...

$.post("/MyController/MyAction", ko.toJS(viewModel), function(returnData) {
    $("#resultCount").html(returnData);
});

或者...

$.post("/MyController/MyAction", viewModel, function(returnData) {
    $("#resultCount").html(returnData);
});

对另一个期望相同的动作DirectorySearchModel， model.Countries.arrCountries总是null！我想知道这是否是由于 Knockout.js在 MVC 期望 s 时将arrCountries条目发布为s，但是将我的 MVC 代码更改为期望s 似乎并没有太大变化..！内在的对象似乎存在，但始终存在的却是内在。string[]int[]string[]CountriesCollectionDirectorySearchModelarrCountriesnull

有任何想法吗？非常感谢任何帮助！

编辑

接收 Knockout.js viewModel 的操作：

public MvcHtmlString ResultCount(DirectorySearchModel model)
{
    return new MvcHtmlString(getResultCount(model).ToString());
}

getResultCount方法：

public int getResultCount(DirectorySearchModel model)
{
    IUserRepository userRepository = new UserRepository();
    int count = userRepository.Search(model, null).Count();
    return count;
}

固定的！

感谢 Konstantin 指出只需简单地从 $.post 切换到 $.ajax 即可将我的 Knockout.js 视图模型发送回我的 mvc 操作！这是我正在使用的 $.ajax 代码：

$.ajax({  
    type: "POST",
    url: "/MyController/MyAction",
    data: ko.toJSON(viewModel),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (data) {
        $("#resultCount").html(data);
    }
});
4

1 回答 1

2

您不能使用 $.post 您需要使用底层 $.ajax 并添加正确的内容类型以使 mvc 接受发布的 json 并进行模型绑定（内容类型应为“application/json; charset=utf-8”）google为它，你会看到很多例子

于 2012-05-23T21:30:00.797 回答