ASP.NET MVC：如何在Html.ActionLink中调用javascript函数
当我在页面中编辑单个记录时，我使用复选框来获取选定的行，而不是每行都有一个actionlink元素，但似乎我无法通过调用javascript代码来实现此方式（函数GetSelectedRow（）应返回一个id）。 任何人都可以有一个好主意吗？
<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>
你可以做这样的事情：
<script type="text/javascript">
function RedirectUsingSelectedRow() {
var id = GetSelectedRow();
window.location = '../Controller/Details/' + id;
}
</script>
<a href="#" onclick = "RedirectUsingSelectedRow();">Edit</a>
以这种方式混合服务器和客户端将无法工作。 当你选择一行时，你需要做的是操纵URL。 所以不是返回一个URL，而是使用GetSelectedRow：
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();
}
你必须改变它从客户端JavaScript是关键，而不是在渲染过程中。
HTH。
尝试这个 -
$('#GetSelectedRow').click(function() { /* Your Code */ });
通过id'GetSelectedRow'调用java脚本函数。 您可以直接调用该函数，而不是通过id调用该函数
<% Html.ActionLink("Edit", "Edit", "Controller", new { onclick = "GetSelectedRow();"}) %>
上一篇: ASP.NET MVC: How to call javascript function in Html.ActionLink