ASP.NET MVC: How to call javascript function in Html.ActionLink

Question

When I edit single recored in page, I use checkbox to get a selected row not every row with an actionlink element, but it seemed I cant make this way happen through calling javascript code (function GetSelectedRow() should return an id). Could anyone have a nice idea?

<head runat="server">
    <title>Index</title>
    <script type="text/javascript" language="javascript">
        function GetSelectedRow() {
            var a = 0;
            var chkBoxes = document.getElementsByName("chkSelect");
            var count = chkBoxes.length;
            for (var i = 0; i < count; i++) {
                if (chkBoxes[i].checked == true)
                    a = chkBoxes[i].primaryKeyID;
            }
            return a;
        }
    </script>
</head>
<body>
    <div>
        <span style="width:20%">
        <%: Html.ActionLink("Add", "Create")%>
        </span>
        <span>
        <%: Html.ActionLink("Edit", "Edit", new { id = GetSelectedRow()) %>
        </span>
        <span>
        <%: Html.ActionLink("Detial", "Details", new { id = GetSelectedRow() })%>
        </span>
        <span>
        <%: Html.ActionLink("Delete", "Delete", new { id = GetSelectedRow()) %>
        </span>
    </div>
    <table>
        <tr>
            <th></th>
            <th>
                CategoryID
            </th>
            <th>
                CategoryName
            </th>
            <th>
                Description
            </th>
        </tr>
        <% foreach (var item in Model) { %>
            <tr>
            <td>
             <%: Html.ActionLink("Details", "Details", new { id = item.AppCategoryID })%>
            </td>
                <td>
                    <%: Html.CheckBox("chkSelect", false, new { primaryKeyID = item.AppCategoryID })%>
                </td>
                <td>
                    <%: item.AppCategoryID %>
                </td>
                <td>
                    <%: item.AppCategoryName %>
                </td>
                <td>
                    <%: item.Description %>
                </td>
            </tr>
        <% } %>
    </table>
</body>

Cristi Todoran · Accepted Answer · 2010-09-16 11:21:33Z

4

You could do something like this:

<script type="text/javascript">
function RedirectUsingSelectedRow() {
    var id = GetSelectedRow();
    window.location = '../Controller/Details/' + id;
}
</script>

<a href="#" onclick = "RedirectUsingSelectedRow();">Edit</a>

answered Sep 16, 2010 at 11:21

Cristi Todoran

5193 silver badges5 bronze badges

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

Comments

Brian Mains · Accepted Answer · 2010-09-16 11:10:13Z

0

Mixing server and client that way won't work. What you need to do, when a row is selected, is to manipulate the URL. So rather than return a URL, have GetSelectedRow do:

function GetSelectedRow() {
  //existing logic minus return

  var link1 = document.getElementById("Link1");  //this would require giving links an ID
  link1.href = '<%= Url.Action("Detail", new { controller = "Details" }) %>' + 
     'id=' a.toString();
}

You have to change it from client-side javascript is the key, rather than doing that during the rendering process.

HTH.

answered Sep 16, 2010 at 11:10

Brian Mains

50.8k35 gold badges155 silver badges260 bronze badges

Comments

Harsh · Accepted Answer · 2018-01-15 17:41:47Z

0

Try this -

$('#GetSelectedRow').click(function() {  /* Your Code */  });

Calling java script function by id 'GetSelectedRow'. Instead of calling the function by id, you can directly call the function

<% Html.ActionLink("Edit", "Edit", "Controller", new { onclick = "GetSelectedRow();"}) %>

edited Jan 15, 2018 at 17:41

answered Sep 7, 2016 at 12:03

Harsh

891 silver badge7 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC: How to call javascript function in Html.ActionLink

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related