ASP.NET MVC：如何创建将绑定到此POST数据的模型？

Question

我在创建将绑定到下面的表单数据的模型时遇到了麻烦。 我遇到的主要困难是创建一个将绑定filter的模型（即：多维数组）。

到目前为止，这就是我所拥有的。 谁能帮助我使此模型正确绑定？

 public class GetPagedRequest
    {
        public int Start { set; get; }

        public int Limit { set; get; }

        public string dir { set; get; }

        public List<FilterRequest> filter { set; get; } //This won't bind properly

    }

    public class FilterRequest
    {
        public string field { set; get; }

        public DataFilterRequest data { set; get; }
    }

    public class DataFilterRequest
    {
        public string type { set; get; }
        public string value { set; get; }

    }

Answer 1

更新

阅读了DefaultModelBinder的功能后，我在发布数据中看到了问题。

在进行任何操作之前，只需将filter属性的类更改为：

public IList<FilterRequest> filter { set; get; } //(IList<T> instead of List<T>)

这是DefaultModelBinder将正确绑定的查询字符串：

start=0&limit=5&dir=ASC&sort=noSort&filter[0].field=CompanyName&filter[0].data.type=string&filter[0].data.value=Telus&filter[1].field=VendorName&filter[1].data.type=string&filter[1].data.value=testtest

但是js正在生成此查询字符串：

start=0&limit=5&dir=ASC&sort=noSort&filter[0][field]=CompanyName&filter[0][data][type]=string&filter[0][data][value]=Telus&filter[1][field]=VendorName&filter[1][data][type]=string&filter[1][data][value]=testtest

现在您可以实现自己的ModelBinder类，但是我认为在客户端上序列化对象会更容易，只需确保正确设置内容类型即可。 这是在jquery中制作的一个示例：

<script type="text/javascript">
    $(function () {
        $("#btnSendPost").click(function () {
            var filterData = {
                "start": 0, "limit": 5,
                "dir": "ASC", "sort": "noSort",
                "filter": [{ "field": "CompanyName", "data": { "type": "string", "value": "Telus" } },
                           { "field": "VendorName", "data": { "type": "string", "value": "testtest" } }]};
            $.ajax({
                type: "POST",
                url: "/Home/ReceivePostFromJson",
                data: JSON.stringify(filterData),
                dataType: "json",
                contentType: 'application/json; charset=utf-8'
            });
        });
    });
</script>

然后，仅将此行添加到global.asax文件中的Application_Start方法中：

ValueProviderFactories.Factories.Add(new JsonValueProviderFactory());

这样，框架将正确地绑定模型，并且在action方法中，您将收到对象

    [HttpPost]
    public ActionResult ReceivePostFromJson(GetPagedRequest g)
    {

原始答案

如果可以在发布过滤器数据之前从控件中对JSON进行字符串化处理，则可以使用JavaScriptSerializer对对象进行反序列化。

这个例子是用jquery制作的：

<script type="text/javascript">
    $(function () {
        $("#btnSendPost").click(function () {
            var filterData = {
                "start": 0, "limit": 5,
                "dir": "ASC", "sort": "VendorName",
                "filter": [{ "field": "CompanyName", "data": { "type": "string", "value": "Telus" } },
                           { "field": "VendorName", "data": { "type": "string", "value": "testtest" } }]};
            $.ajax({
                type: "POST",
                url: "/Home/ReceivePostFromJson",
                data: JSON.stringify(filterData),
                dataType: "application/json"
            });
        });
    });
</script>

然后在控制器中：

[HttpPost]
public ActionResult ReceivePostFromJson()
{
    string jsonStringify = new System.IO.StreamReader(Request.InputStream).ReadToEnd();
    var obj = new JavaScriptSerializer().Deserialize<GetPagedRequest>(jsonStringify);

    return View(obj);
}

这样，您就有了嵌套的对象：

注意：在此示例中，如果删除函数JSON.stringify （数据：filterData，），则将在控制器端看到产生问题的查询字符串（filter [0] [field]：CompanyName）。 我不知道是否有恢复json的方法，如果可能的话，则不必修改网格控件：

Answer 2

我不支持jherrera的解决方案：

[HttpPost]
public ActionResult ReceivePostFromJson()
{
    string jsonStringify = new System.IO.StreamReader(Request.InputStream).ReadToEnd();
    var obj = new JavaScriptSerializer().Deserialize<GetPagedRequest>(jsonStringify);

    return View(obj);
}

如果要从服务器端的客户端接收json数据，则应准备客户端对象以具有类似于服务器端viewmodel的保存结构。 这样，当提交表单时，模型联编程序将完美地完成其工作。

代码未经测试：

public ActionResult DeleteXXX(GetPagedRequest pagedRequestViewModel)
{
   // Use AutoMapper or a UI Service to reshape/map your viewmodel to your domain model
   return EmptyResult();
}