在ASP中将JSON数组绑定到List的问题模型.asp.net MVC 3

我遇到了麻烦模型绑定JSON数组到MVC 3中的c#列表。

我有一个叫做DockState的物体。它看起来像这样:

[Serializable]
public class DockState
{
    public bool Closed { get; set; }
    public bool Collapsed { get; set; }
    public string DockZoneID { get; set; }
    public int ExpandedHeight { get; set; }
    public Unit Height { get; set; }
    public int Index { get; set; }
    public Unit Left { get; set; }
    public bool Pinned { get; set; }
    public bool Resizable { get; set; }
    public string Tag { get; set; }
    public string Text { get; set; }
    public string Title { get; set; }
    public Unit Top { get; set; }
    public string UniqueName { get; set; }
    public Unit Width { get; set; }
}

我的action方法接受停靠状态列表，如下所示:

public JsonResult SaveDockStates(List<DockState> dockStates)

在客户端上，我正在构建一个JSON对象数组，其中包含与c# DockState对象相同的所有属性。然后，我将这个数组分配给它自己的JSON对象，并在action方法中使用参数的属性，如下所示:

function get_allDockStates()
{
    var allRadDocks = []; // declare array.
    var allRadControls = $telerik.radControls; // use telerik API to obtain all controls.
    // loop through all telerik controls.
    for (var i = 0; i < allRadControls.length; i++)
    {
        var element = allRadControls[i];
        // Check if control is a rad dock element.
        if (Telerik.Web.UI.RadDock && element instanceof Telerik.Web.UI.RadDock)
        {
            // Build a JSON object containing the same properties as the C# DockState
            // object. Leaving out a couple that should just be null anyway. Add new
            // JSON object to array.
            Array.add(allRadDocks,
            {
                UniqueName: element._uniqueName,
                DockZoneID: element._dockZoneID,
                Width: element._width,
                Height: element._height,
                ExpandedHeight: element._expandedHeight,
                Top: element._top,
                Left: element._left,
                Resizable: element._resizable,
                Closed: element._closed,
                Collapsed: element._collapsed,
                Pinned: element._pinned,
                Title: element._title,
                Index: element._index
            });
        }
    }
    // Return the array.
    return allRadDocks;
}
// This function is fired by the rad dock controls when they are moved.
function positionChanged(sender, e)
{
    // obtain the array of dock states.
    var dockStates = get_allDockStates();
    // Make ajax call to MVC action method to save dock states.
    jQuery.ajax({
        data: { dockStates: dockStates },
        type: 'POST',
        dataType: 'json',
        url: '/AjaxServices/DashboardService/SaveDockStates'
    });
}

不幸的是，在AJAX调用时发生了一些相当奇怪的事情。它点击动作方法，我的List<DockState>确实有项目在里面。

http://www.codetunnel.com/content/images/dockStateListInstantiated.jpg

但是，列表中的项都是默认的。这意味着它们的所有值都是默认值，而不是请求中提交的值。

http://www.codetunnel.com/content/images/dockStatesDefaultValues.jpg

我不确定为什么列表包含正确数量的项目，但所有项目似乎只不过是实例化的。它们的属性没有设置为JSON数组中的值。请求肯定包含正确的数据，如下所示:

http://www.codetunnel.com/content/images/dockStatesFormData.jpg

我做错了什么吗?表单数据格式是否不正确?默认的模型绑定有问题吗?

更新(测试Darin Dimitrov的答案)

我发现JSON被一个未使用的旧脚本覆盖。我已经删除，现在JSON.stringify工作良好。这是请求的有效负载。

http://www.codetunnel.com/content/images/dockStatesJsonStringify.jpg

好多了。然而现在，当我调试我的列表有零项在它。这似乎并没有解决问题，尽管我很感激你的努力:)

jQuery.ajax({
    // TODO: Never hardcode urls like this => always use URL helpers
    // when you want to generate an url in an ASP.NET MVC application
    url: '/AjaxServices/DashboardService/SaveDockStates',
    type: 'POST',
    data: JSON.stringify({ dockStates: dockStates }),
    contentType: 'application/json; charset=utf-8',
    success: function(result) {
        // TODO: process the results
    }
});