asp mvc2, How Post and Bind nested objects?

Question

public class PostModel {

        public string Value { get; set; }

        public IList<TestModel> TestValues { get; set; }

}

public class TestModel {      

        public string Value { get; set; }

}

jQuery script:

 var testValue1 = {

        Value: "val2"

 };

 var testValue2 = {

        Value: "val3"

 };

var model = {

            Value: "test",

            TestValues: [testValue1 , testValue2]

        };

  jQuery.post(url, model, function (data) {
                alert(data);
            }
        );

public ActionResult Test(PostModel model)

{

     model.Value // is OK, = "test"

     model.TestValues// is OK, count = 2

     model.TestValues[0].Value // why is null ???? 

     return Content("Ok");

}

How Bind nested objects ?

m0sa · Accepted Answer · 2011-05-23 10:15:05Z

3

The json data posted to the MVC controller must be a collection of key-value pairs representing the names and the values of the posted form. In order to bind to a complex model you need to send something like this.

var jsonData = {};
jsonData['TestValues[0].Value'] = '...';
jsonData['TestValues[1].Value'] = '...'; // binds to model.TestValues[1].Value
jsonData['Value'] = '...'; // binds to model.Value
$.post(url, jsonData, ...);

answered May 23, 2011 at 10:15

m0sa

11k4 gold badges48 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

asp mvc2, How Post and Bind nested objects?

jQuery script:

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

jQuery script:

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related