How to use JavaScript variables inside ASP.NET MVC Razor instructions?
Example:
function updChart(_IndId) {
@foreach (var d in Model.Where(p => p.IndId.Equals(_IndId)))
...
}
I can't use _IndId variable. Any idea how to use it?
-
What are you trying to to with this variable?user449689– user4496892016-10-06 16:06:13 +00:00Commented Oct 6, 2016 at 16:06
-
Doesn't work Div. Where should I declare that function? Inside my updChart function or outside?Richasantos– Richasantos2016-10-06 16:06:17 +00:00Commented Oct 6, 2016 at 16:06
-
Relevant: stackoverflow.com/q/18508964/215552Heretic Monkey– Heretic Monkey2016-10-06 16:11:57 +00:00Commented Oct 6, 2016 at 16:11
-
Possible duplicate of How to pass a value to razor variable from javascript variable?Heretic Monkey– Heretic Monkey2016-10-06 16:31:09 +00:00Commented Oct 6, 2016 at 16:31
Add a comment
|
2 Answers
You can not use Javascript variables in C#, because javascript code is available only after C# / Razor is rendered.
What you can do, is to save the Model in a Javascript array, and then do the foreach loop in Javascript:
var model = [];
@foreach (var item in Model)
{
@:model.push({
@:ID: '@item.ID',
@:Property1: '@item.Property1',
@:Property2: '@item.Property2',
@:Property3: '@item.Property3',
@:});
}
console.log(model);
// here you can filter and do the foreach in Javascript, because your model is available as a Javascript array
Comments
You cannot do this. The Razor view is compiled and executed on server and its result is HTML page which is then returned to a client(browser). JavaScript runs in browser and allows you to work with the DOM of HTML page which is already returned from the server.
answered Oct 6, 2016 at 16:02
Alexey Andrushkevich
6,2224 gold badges36 silver badges51 bronze badges
3 Comments
Richasantos
So whats my alternative here?
Alexey Andrushkevich
If you need to partially update something on your page you have to make AJAX request to the server, get data and apply it to a specific part of your page.
mark gamache
Razor is a generic templating engine and could be adapted to return JavaScript. I see this as an area that will probably be addressed in the future. I suppose there's nothing stopping you from creating an MVC endpoint that pre-processes the JavaScript files.