Discussion :

[lilux]

Bonjour,
J’ai un problème en passant à l’action un array des arrays en ajax :
Model :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
    public class SJSonModel
    {
        public string Name { get; set; }
        public bool isChecked { get; set; }     
    }
 
    public class SJSonModelList
    {
        public List<SJSonModel> Features { get; set; }
        public List<SJSonModel> MenuItems { get; set; }
    }

Controller :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
        [HttpPost]
        public ActionResult CheckPreferences(SJSonModelList postData)
        {
            BindUserFeatures(postData.Features);
 
            return Json(new { status = "Success", message = "Passed" });
        }

View (simplifié, j’ai enlevé les infos dynamiques):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
    <div class="Feature borderRadius Items">
        <h2>Title
            <input type="checkbox" class="Item" name="featureName"/>
 </h2> 
	    <img src="url" alt="" /> 
 
	    <div class="FeatureDetails subItems">                 
            <a href="@Url…">featureName</a>
            <input type="checkbox" class="subItem" name="subItemName"/>
          </div> <!-- endOf FeatureDetails -->
    </div> <!-- endOf Feature -->

Code JQuery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
        var isChecked = false;
        var features = new Array();
        var menuItems = new Array();
        var postData = new Array();

{ici je remplis les features, menuItems et je donne une valeur au isChecked selon les checkbox cochés/décochés }

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
menuItems.push({ "Name": $(this).attr('name'), "isChecked": isChecked });
features.push({ "Name": $(this).attr('name'), "isChecked": isChecked });
 
postData.push({ "features": features, "menuItems": menuItems });
postData = JSON.stringify(postData);

partie ajax :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
        $(':submit').click(function () {
 
            postData.push({ "features": features, "menuItems": menuItems });
            postData = JSON.stringify(postData);
 
            $.ajax({
                     url: '@Url.Action("CheckPreferences")',
                     type: 'POST',
                     data: postData, 
                     contentType: "application/json; charset=utf-8",
                     dataType: "json",
                     traditional: true,
                      success: function () { window.alert('@Resource.AjaxSuccess'); },
                     error: function (event, request, settings) {  window.alert('@Resource.AjaxError' + ' : ' + settings); },
                     timeout: 20000
            }); //endOf $.ajax
        }); //endOf :submit.click function

Côté client quand je fait alert(postData), il contient bien les données cochées / décochées avec les bonnes valeurs de isCheched pour chacun mais côté controlleur la valeur de Features et de MenuItems est null à chaque fois, alors que quand je passe juste l’un des arrays au controlleur :
Ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 features = JSON.stringify(features);

dans ajax :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

{… data: features,…}

Et dans controlleur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 ActionResult CheckPreferences(IEnumerable<SJSonModel> features)

Tout marche très bien.

Est-ce que quelqu'un voit où est le problème?

Merci d’avance.