onclick - 在asp.net mvc中使用javascript为li的Onclick事件

Question

<ul>
@foreach (var item in Model.Users.Where(s => s.DepartmentId == 3))
{
<li>
@Ajax.ActionLink(item.UserName, "Index", new { item.Id }, new AjaxOptions() { HttpMethod = "Get" });
</li>
}
</ul>

如果我用javascript点击item.username，我怎么能得到item.Id？

我想把属性归功于“li onclick”。但我不知道这里有没有更好的解决方案？

Answer 1

您可以使用标准链接和 data-* 属性：

<ul>
    @foreach (var item in Model.Users.Where(s => s.DepartmentId == 3))
    {
        <li>
            @Html.ActionLink(
                item.UserName, 
                "Index", 
                new { id = item.Id },
                new { @class = "myLink", data_id = item.Id }
            )
        </li>
    }
</ul>

然后在一个单独的 javascript 文件中：

$(function() {
    $('.myLink').click(function() {
        // get the id:
        var id = $(this).data('id');
        alert(id);

        // now you can send the AJAX request
        $.get(this.href);

        // cancel the default action of the link
        return false;
    });
});