Using ViewData in Javascript code

Question

I'm creating a ViewData in an ASP.Net Controller like this:

var elements = db.Requests.GroupBy(user => user.submitUser)
                   .Select(slt => new { UsersCount = slt.Key, CountReq = slt.Count() });

this will have for example

UsersCount      Count

user1           3

user2           3

user3           3

Then in Javascript I want to create an array with UsersCount and Count, for example:

var arrayUsers = ViewData.UsersCount;
var arrayCounter = ViewData.CountReq;

I already tried several solutions and I can't do it. What's the best solution?

CONTROLLER:

 public ActionResult Statistics()
        {
            var elements = db.Requests.GroupBy(user => user.submitUser)
                            .Select(slt => new { UsersCount = slt.Key, CountReq = slt.Count() });


            ViewData["usersCounter"] = elements;

            return View();
        }

Javascript in VIEW

<script>
    var check = @ViewData["usersCounter"]**;**error

....

}

What's the question?

shoover
– shoover

2015-07-18 00:06:43 +00:00
Commented Jul 18, 2015 at 0:06 — shoover
– shoover, Commented Jul 18, 2015 at 0:06
try dis var check = '@ViewData["usersCounter"]';

Light
– Light

2015-07-18 06:29:48 +00:00
Commented Jul 18, 2015 at 6:29 — Light
– Light, Commented Jul 18, 2015 at 6:29

code · Accepted Answer · 2015-07-17 23:54:20Z

1

To use ViewData in a javascript tag just prefix ViewData with the @ symbol

var check = @ViewData["array"]

In your controller

ViewData["array"] = elements;

Why not just set the variable to your model since it looks like you're setting it to that

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

Then you can do whatever

var blur = check.UserName

edited Jul 17, 2015 at 23:54

answered Jul 17, 2015 at 23:39

code

1,1378 silver badges14 bronze badges

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

2 Comments

Andre Roque Over a year ago

when i do that i get a "syntax error" on the ; after that

code Over a year ago

Can you post more code from your controller, and javascript function?

fdomn-m · Accepted Answer · 2015-07-18 11:18:02Z

The code

@ViewData["usersCounter"]

will effectively do this:

@ViewData["usersCounter"].ToString()

You're setting your viewdata to the result of a select, so the .ToString wil output the generic generic type name directly to the output.

Simply check the source code of the rendered page to see what is being rendered.

Also, specify the 'error' that you get.

If you only change your code to

var check = '@ViewData["array"]'

(as per other answers) then 'check' will not contain the list, only the list.tostring()

If you want to copy the whole list into a js variable, you'll need to serialise it first, eg, something like (with JSON nuget package installed):

var check = @(Newtonsoft.Json.JsonConvert.SerializeObject(ViewData["array"]));

To note: many people will recommend that you use a ViewModel rather than ViewData as it's strongly typed as generally easier to work with / maintain.

However, is there as reason you need/want this in javascript? The GroupBy and Select, even after converting to js aren't really js, and are better suited for working with c# or @{} statements.

Canvas · Accepted Answer · 2015-07-18 00:49:13Z

0

Andre have you tried

var check = '@ViewData["array"]'

answered Jul 18, 2015 at 0:49

Canvas

5,9159 gold badges60 silver badges103 bronze badges

Collectives™ on Stack Overflow

Using ViewData in Javascript code

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related