Access ViewBag in JS file - Asp.net MVC

javascript asp.net-mvc viewbag
KCS Nirav picture KCS Nirav · Mar 26, 2013 · Viewed 16k times · Source

I have one Viewbag. I have fill that viewbag value from server side in Action result method. I need to access this Viewbag value in Js file. I have access this Viewbag in *.cshl page properly. Here below shown my sample code,

Var objMode = '@ViewBag.Mode'; //Written in *.cshtml page.

but i need to access this value like above syntax in *.js file.

Thanks, Nirav Parikh

Answer

karaxuna picture karaxuna · Mar 26, 2013

You can't. You can write ViewBag value in hidden input and then read it from js file:

<input type="hidden" value="@ViewBag.Mode" id="mode" />

JS file:

var mode = document.getElementById('mode').value;

EDIT: Another option:

<script src="..." type="text/javascript" onload="InitMyScript('@ViewBag.Mode')"></script>

JS file:

function InitMyScript(mode){
   //other code here
}

Related questions

How to populate javascript variable with JSON from ViewBag?

I have this Index action: public ActionResult Index() { var repo = (YammerClient) TempData["Repo"]; var msgCol = repo.GetMessages(); ViewBag.User = repo.GetUserInfo(); return View(msgCol.messages); } GetMessages returns a list of POCO messages and GetUserInfo returns a POCO with the info …

Read More
MVC: Iterating a Viewbag array in javascript

The goal is to get the data from the ViewBag.Array to a Javascript array. The data is calculated in the controller so I cannot fetch it straight from the database. I need the data to draw a chart with …

Read More
Passing strings with Single Qoute from MVC Razor to JavaScript

This seems so simple it's embarrassing. However, the first question is when passing a value from the new ViewBag in MVC 3.0 (Razor) into a JavaScript block, is this the correct way to do it? And more importantly, where and how …

Read More