How to get the values from the Model and into Views Javascript (Visual Studio 2015 mvc)

Question

This is my Models code:

public class graph_user
{
    public  List<int> year { get; set; }
}

This is my Views code side:

@model  IEnumerable testing.Models.graph_user

function generateChart() {
    var data = new google.visualization.DataTable();
    for (i = 0; i < year.length; i++) {
        data.addColumn('string',);
        data.addRow();
    }
}

Basically I want to obtains the values from list year from within the Models to the javascript which is seen declared in my views.

Oops You're right, it's suppose to me @model graph_user thanks ! — Johnathan Logan
– Johnathan Logan, Commented Aug 13, 2015 at 6:43

score 4 · Accepted Answer · 2015-08-13 06:39:10Z

4

Assuming your model is actually @model graph_user and not @model IEnumerable<graph_user> (your current definition would not compile)

You can assign you models collection to a javascript variable using

var yearList = @Html.Raw(Json.Encode(Model.year))

Then iterate over it using

$.each(yearList, function(index, item) {
  var year = item;
  // do something with it
});

Side note: Recommend you follow normal naming conventions and name your property Years - plural - (not year) and your class GraphUser

edited Aug 13, 2015 at 6:39

answered Aug 13, 2015 at 5:05

user3559349

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

6 Comments

Alexei Levenkov Over a year ago

Why do you recommend to represent object as string and than parse it instead of directly representing object in JavaScript?

user3559349 Over a year ago

@AlexeiLevenkov, Not sure what you mean. What would you suggest?

Alexei Levenkov Over a year ago

var yearList = @Html.Raw(Json.Encode(Model.year));

Johnathan Logan Over a year ago

I'm guessing I could also use var yearList = @Html.Raw(Json.Encode(Model.year)) and then to display i do yearlist[1] ??

user3559349 Over a year ago

@JohnLington, You can use either the for (i = 0; i < yearList.length; i++) { or the $.each() loop - both will work.

|

Collectives™ on Stack Overflow

How to get the values from the Model and into Views Javascript (Visual Studio 2015 mvc)

1 Answer 1

6 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Linked

Related