¿Cómo redirecciono a un usuario cuando se hace clic en un botón?

Question

Tengo una vista con un botón. Cuando el usuario hace clic en el botón, quiero que se lo redireccione a una vista de entrada de datos. ¿Cómo logro esto? Debo mencionar que las vistas se crean, prueban y funcionan. Puedo llegar a ellos escribiendo la url.

Busqué los pasos que explican cómo conectar el evento onclick del botón, pero soy nuevo en MVC y algo perdido en este momento.

Gracias!

Answer 1

Depende de lo que signifique con el botón. Si se trata de un enlace:

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

Para publicar se puede utilizar un formulario:

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

Y finalmente, si usted tiene un botón:

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

Answer 2

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

Answer 3

Si, como yo , no te gusta depender de JavaScript para los enlaces en los botones. También puede usar un ancla y darle un estilo similar a sus botones usando CSS.

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

Answer 4

O, si nada de lo anterior funciona, entonces puede utilizar el siguiente enfoque, ya que funcionó para mí.

imaginar esto es su botón de

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

me dieron el valor de $ {ID} llenó el uso de plantillas jQuery. Puede usar lo que se ajuste a sus necesidades. En la siguiente función, estoy configurando window.location.href igual al nombre del controlador, luego nombre de acción y finalmente parámetro. Puedo navegar con éxito.

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

Espero que ayude.

Answer 5

Así como una adición a las otras respuestas, aquí se muestra la sintaxis del motor de afeitar:

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

o

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

Answer 6

si se utiliza jQuery, usted puede hacer esto:

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