Convert asp.net mvc c# list within a list to a javascript array

Question

I have these Models.

public class ModelA { List<ModelB> ModelB {get;set;} } public class ModelB { List<ModelC> ModelC {get;set} }

Now, I tried to convert in my script the models above base from this answer in my view.

<script> var modelB = '@Html.Raw(Json.Encode(Model.ModelB))'; var modelBData = JSON.parse(modelB); // Here comes the problem... var modelC = '@Html.Raw(Json.Encode(Model.ModelB.ModelC))'; </script>

I can convert the Model B to javascript array but failed to convert ModelC into a javascript array. Now, how can I convert the list of ModelC in ModelB into a javascript array? I was hoping someone might be able to spot where i'm going wrong.

Let's say ModelA contained three ModelB items. The first ModelB contains one ModelC. The second ModelB contains two ModelC. The third contains three. How many ModelC items are you expecting to see in your Here comes the problem JSON? — mjwills, CommentedAug 13, 2017 at 13:36
Can you update your post with the generated HTML (View Source in your browser) for the modelB and modelBData lines? (after commenting out var modelC and other lines that don't compile) — mjwills, CommentedAug 13, 2017 at 14:12

mjwills · Accepted Answer · 2017-08-13 14:05:24Z

0

var modelC = '@Html.Raw(Json.Encode(Model.ModelB.ModelC))';

should be changed to:

var modelC = '@Html.Raw(Json.Encode(Model.ModelB.SelectMany(z => z.ModelC)))';

The SelectMany will mean you serialise allModelC objects that occur in any of the ModelB objects.

answered Aug 13, 2017 at 14:05

mjwills

24k6 gold badges44 silver badges72 bronze badges

Thanks, but what if the scenario is. I need to serialize All ModelC objects per ModelB objects
– progammer101
CommentedAug 13, 2017 at 14:08
It didn't work, sorry for the late reply. i tried using alert on each item on ModelC and shows 'undefined'
– progammer101
CommentedAug 13, 2017 at 15:15
var ModelC = '@Html.Raw(Json.Encode(Model.ModelB.SelectMany(m => m.ModelC)))';``var modelC = JSON.parse(modelC);$.each(modelC, function () { alert(ModelC.Description); });
– progammer101
CommentedAug 14, 2017 at 2:39
jquery's each doesn't work like that (to be explicit - you are using ModelC variable without declaring it). Look at the // Outputs: one two three example at sitepoint.com/jquery-each-function-examples .
– mjwills
CommentedAug 14, 2017 at 5:20

Add a comment |

Collectives™ on Stack Overflow

Convert asp.net mvc c# list within a list to a javascript array

1 Answer 1

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Linked

Related