Question

I am populating an array with an [int,bool]:

$.each(ownedChecked, function (key, val) {
    /*code to set id as int and paintedTrue as bool*/
    ownedIDs.push([id,paintedTrue]);
});

I create a var that will be stringified:

var saveData = { OwnedListEntryIDs:ownedIDs };

//send data
$.ajax({
    url: '/ListEntry/OwnedModels',
    type: 'POST',
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify(saveData),
    success: function (data) { alert('Update success: ' + data); },
    failure: function (data) { alert('Update failed: ' + data); }
});

Here is the ViewModel:

public class OwnedPaintedSave
{
    //collection contains a ListEntryID and a bool indicating whether it is painted or not
    public Dictionary<int,bool> OwnedListEntryIDs { get; set; }
}

Once in the controller method, ModelState.Isvalid passes and code gets to the foreach loop, but models is always NULL:

[HttpPost]
public JsonResult OwnedModels(OwnedPaintedSave models)
{
    if (ModelState.IsValid)
    {
        foreach (var id in models.OwnedListEntryIDs)
        { }
    }
}

I tried setting traditional:true in the $.ajax method, but same issue. I’m guessing the Dictionary in the ViewModel is not what I need to bind to, but I’m not sure what it should be. Thanks for any help.

Answer 1

I gave the OwnedPaintedSave object two int[] properties, one for OwnedIDs and one for PaintedIDs.