How do I assign ActionLink to a jQuery button in asp.net MVC page.
<button id="Button1">Click</button>
<%: Html.ActionLink("About", "About", "Home")%>
<script language="javascript" type="text/javascript">
$(function () {
$("#Button1").button().click(function () {
return false;
});
});
</script>
Based on your comments, you just want to go to the About action in the Home controller on button click, you can do the following and remove the ActionLink:
$(function () {
$("#Button1").click(function () {
location.href = '<%= Url.Action("About", "Home") %>';
});
});
= after <%, check my new edit I tested and it works :) I'm used to RAZOR syntax hehe :)Give the anchor an id:
<%: Html.ActionLink("About", "About", "Home", null, new { id = "Button1"})%>
Using this overload:
public static MvcHtmlString ActionLink(
this HtmlHelper htmlHelper,
string linkText,
string actionName,
Object routeValues,
Object htmlAttributes // <==============
)
onclick event: $('#elementId').click(function(){ /* What you want here... */}) Note that you should ask one question in a thread...The button method of jQuery works for a tag too, try this:
<%: Html.ActionLink("About", "About", "Home", null, new { id="Button1" })%>
<script language="javascript" type="text/javascript">
$(function () {
$("#Button1").button().click(function () {
return false;
});
});
</script>
<%: Html.ActionLink("About", "About", "Home", new { @class = "yourclass" })%>
You can try attaching a class to the actionlink and you can select it with query. If you want to use a class.
routeValues...
ActionLink, check my answer :)