html.actionlink to run jquery on click

Question

Hi, I have this in a view @html.actionlink(item.ID.toString(),,,," I want this actionlink to point to no controller since I want to run a jquery function when the link is clicked to show a modal form. Please help THANK YOU!

Sachin Singh · Answer

This is what i would have done if i were in your place , really i don't think much @Html.ActionLink(item.Id.Tostring(), null , null , new { @ class = "select" }) $( "body" ).on( "click" , ".select" , function () { $( "#YourModel" ).show(); }

Sachin Singh · Answer

@Html.ActionLink( "click me" , null , null , new { @ class = "Edit" }) "height:200px;width:200px; background-color:red;display:none" id= "YourModel" >it's me $( "body" ).on( "click" , ".Edit" , function () { $( "#YourModel" ).show(); } ) The above code is working fine, why do you need Action and controller when you could paas null.Paste the above code in MVC view and please test.

Khushbu Saini · Answer

https://www.c-sharpcorner.com/blogs/model-popup-in-asp-net-core-31 Hi please visit this link this the solution of your problem ...of model popup over link button click

Mageshwaran R · Answer

Hi , please refer this link: https://www.c-sharpcorner.com/UploadFile/092589/implementing-modal-pop-up-in-mvc-application/

Schleid Alex · Answer

No Idea on how to have the html.actionlink to go to my jquery function. this is not working @html.actionlink("link text","#", null, new{onclick="myfunction"})... whatever I have tried from the internet would ether go to the page controller and action method or would not trigger the jquery function.

Schleid Alex · Answer

One more thing with the html.actionlink is I have to provide an action and a controller, I dunno how to make it work without providing an action and a controller.

Schleid Alex · Answer

Thank you all for you time and your help, Mr Ahmed I like you idea but this code doesn't work may be you omit something, I am posting it @Html.ActionLink("Delete", "DeleteCategory", "Admin", new { item.CategoryID }, new {data_toggle = "modal", data_target = "#Delete", id="deleteActionLink", data_parameter=" " }) Thank you

Jignesh Kumar · Answer

Hi Alex, Please use this link, https://www.c-sharpcorner.com/UploadFile/092589/implementing-modal-pop-up-in-mvc-application/ https://forums.asp.net/t/2145886.aspx?How+to+open+the+jquery+dialog+from+the+Html+ActionLink+of+webgrid+

Farhan Ahmed · Answer

@Html.ActionLink("Delete", "DeleteCategory", "Admin", new { item.CategoryID }, new {data_toggle = "modal", data_target = "#Delete", id="deleteActionLink", data_parameter=" " })