@Html.ActionLink 添加类和 id答案

【问题标题】：@Html.ActionLink adding class and id@Html.ActionLink 添加类和 id
【发布时间】：2015-07-27 07:52:03
【问题描述】：

尝试将类添加到操作链接和 id 值，捕获类并将值传递给控制器。

我有这个 Jquery 来捕获链接点击：

<script>
$(function () {
    $(".ActionLink").click(function (e) {
        e.preventDefault();
        var newurl = $(this).attr("href");            
        console.log(newurl);
        $("#AddSection").load(newurl);            
    });
});

尝试了几种不同的方法都没有成功。

第一个是

@Html.ActionLink("Edit", "_EditGender1", new { id = item.GenderID })

返回 html：<a href="/Treeview/_EditGender1/1">Edit</a>

显然这个不起作用，但它正确地将 id 分配到 url /1 的末尾

第二个：

@Html.ActionLink("Edit", "_EditGender1", new { @class = "AddSection", id = item.GenderID })

返回：<a href="/Treeview/_EditGender1/1?class=AddSection">Edit</a>

id 再次被正确添加，但即使它具有 class=AddSection，Jquery 也不会捕获它。

 @Html.ActionLink("Edit", "_EditGender1", "Treeview", null, new { @class = "AddSection", id = item.GenderID })

返回：<a class="AddSection" href="/Treeview/_EditGender1" id="1">Edit</a>

这被 Jquery 正确捕获，但它没有将 id 传递到 url 并返回给控制器。

不知道还能尝试什么！

【问题讨论】：

@Html.ActionLink("Edit", "_EditGender1", new { id = item.GenderID }, new { @class = "AddSection" }) - 参考this overload

标签： jquery html ajax razor asp.net-mvc-5

【解决方案1】：

@Html.ActionLink 有一个重载来添加路由值和 html 属性。

@Html.ActionLink("Edit", "_EditGender1", new { id = item.GenderID }, new { @class = "AddSection" })

第三个参数添加路由值，第四个参数添加html属性。

Refer documentation

【讨论】：