MVC Razor Call JS function in @Html.ActionLink

Question

I'm trying to call the JS function like this: defaultDate = "test();" in my @Html.ActionLink. JS function never called...

@Html.ActionLink("Title", "Create", new { calendarId = Model.CalendarId, year = Model.Year , defaultDate = "test();" }, new { @class = "btn btn-primary btn-xs" })

What I'm doing wrong?

onclick="test() in the html attributes - but its the 21st century, so use use Unobtrusive Javascript instead — user3559349
– user3559349, Commented Feb 22, 2016 at 21:51
@Html.ActionLink("Title", "Create", new { calendarId = Model.CalendarId, year = Model.Year, defaultDate = string.Format("{0:MM-dd-yyyy}", DateTime.Now) }, new { @class = "btn btn-primary btn-xs" }) — BillRuhl
– BillRuhl, Commented Feb 22, 2016 at 22:48

Andrew Shepherd · Accepted Answer · 2016-02-22 22:01:22Z

1

When programming web code, you need to understand at which points various code blocks are run.

Think of it as two major steps:

Step 1: The server generates all of the html, css and javascript and send it to the client. In ASP.NET-MVC, you code this through razor files and controller methods.

Step 2: The browser (or client) renders the html and runs any javascript.

In your case, you are trying to generate a date and pass it as the defaultDate parameter to a server method. This is all part of step 1. Step 1 is performed independently of any browser. For this reason, you cannot run any javascript at this point.

edited Feb 22, 2016 at 22:01

answered Feb 22, 2016 at 21:55

Andrew Shepherd

45.5k33 gold badges148 silver badges212 bronze badges

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

Collectives™ on Stack Overflow

MVC Razor Call JS function in @Html.ActionLink

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related