javascript - MVC如何将整个Div变成一个action链接

Question

我想知道如何将 div 框制作为操作链接。我看到了一些使用 Ajax 的示例，但它们针对的是部分 View ，因为我只需要它作为另一个 View 的链接。

 <div id="container">
     @Html.ActionLink("Room", "room", "Home", new { id = item.Id }, null)
 </div>

Answer 1

与其让 div 成为带有 onclicks 的链接(例如，这可能会给想要在新选项卡中打开链接的人带来问题)，不如采用其他方式，让常规操作链接成为 block 级元素。您可以通过向 ActionLink 添加一个包含所需规则的类来实现此目的。像这样的事情

CSS

.blockLink{
    display:block;
    padding:10px;
    background-color:pink; /*maybe not pink, but you get the idea*/
}

MVC ActionLink

@Html.ActionLink("Room", "room", "Home", new { id = item.Id }, new{@class = "blockLink"})

最终得到的 HTML 内容

<a class="blockLink" href="/room/1">Room</a>

这意味着您不需要周围的容器，不需要任何 JavaScript，并且最终仍然会得到一个 block 元素。 StackOverflow 顶部的按钮就是很好的例子。当然，这仅在您仅将文本放入 div 时才有效。如果您打算在 div 中包含其他标签/内容，那么这不是一个合适的解决方案。