@ Html.ActionLink添加类和id

时间:2015-05-15 11:42:52

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

尝试将一个类添加到动作链接和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并返回控制器。

不确定还有什么要尝试的!

1 个答案:

答案 0 :(得分:3)

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

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

第3个参数添加路由值,第4个参数添加html属性。

Refer documentation