How to redirect a user when a button is clicked?

Question

I have a view with a button. When the user clicks the button, I want them to be redirected to the data entry view. How to do it? I must mention that opinions are created, tested and function. I can reach them by typing the URL.

I was looking for steps explaining how to connect the onclick event to a button, but I am new to MVC and lost at this point.

Thank!

Answer 1

It depends on what you mean by the button. If this is a link:

<%= Html.ActionLink("some text", "actionName", "controllerName") %> 

For publication, you can use the form:

 <% using(Html.BeginForm("actionName", "controllerName")) { %> <input type="submit" value="Some text" /> <% } %> 

And finally, if you have a button:

 <input type="button" value="Some text" onclick="window.location.href='<%= Url.Action("actionName", "controllerName") %>';" /> 

Answer 2

As a complement to the other answers, here is the syntax of the razor mechanism:

 <input type="button" value="Some text" onclick="@("window.location.href='" + @Url.Action("actionName", "controllerName") + "'");" /> 

or

 window.location.href = '@Url.Action("actionName", "controllerName")'; 

Answer 3

if you are using jQuery you can do this:

 <script type="text/javascript"> $('#buttonid').click(function () { document.location = '@Url.Action("ActionName","ControllerName")'; }); </script> 

Answer 4

If, like me, you don't like relying on JavaScript for button links. You can also use anchor and style it like your buttons using CSS.

 <a href="/Controller/View" class="Button">Text</a> 

Answer 5

Or, if none of the above actions work, you can use the following approach, since it worked for me.

Imagine this is your button

 <button class="btn" onclick="NavigateToPdf(${Id});"></button> 

I got a value for $ {Id} populated using jquery templates. You can use whatever suits you. In the next function, I set window.location.href to be the name of the controller, then the name of the action, and then the finally parameter. I can successfully navigate.

 function NavigateToPdf(id) { window.location.href = "Link/Pdf/" + id; } 

Hope this helps.

Answer 6

You can easily wrap the tag of your button with a tag. Using Url.Action () HTML Helper , you can go from one page to another.

 <a href='@Url.Action("YourAction", "YourController")'> <input type='button' value='Dummy Button' /> </a> 

If you want to navigate using the jaascript onclick () function, use

 <input type='button' value='Dummy Button' onclick='window.location = "@Url.Action("YourAction", "YourController")";' /> 

Answer 7

 $("#yourbuttonid").click(function(){ document.location = "<%= Url.Action("Youraction") %>";}) 

Answer 8

DIRECT ANSWER HERE: The answers above are correct (for some of them), but let's do it simply - with one tag.

I prefer to use input tags, but you can use a button tag

Here's what your HTML solution should look like:

 < input type="button" class="btn btn-info" onclick='window.location.href = "@Url.Action("Index", "ReviewPendingApprovals", routeValues: null)"'/> // can omit or modify routeValues to your liking