有没有办法让 HTML.ActionLink 默认不可见？

Question

我试图在页面首次呈现时默认隐藏 HTML.ActionLink，然后根据用户所在的页面控制其可见性。有什么建议吗？ 谢谢！

Answer 1

您可以通过设置操作链接的 html 属性来设置操作链接的任何样式。

Html.ActionLink(
    "LinkName", 
    "Action", 
    null,
    new { @style = "display:none" });

Answer 2

要决定隐藏或显示链接，您需要通过 Model 或 ViewData 提供此信息。我想您在母版页中有链接。

因此，第一步是为站点中的所有视图提供该信息。您可以通过创建基本控制器并覆盖一个方法来做到这一点（当然，所有控制器都应该从新控制器继承）：

protected override void OnActionExecuted(ActionExecutedContext filterContext)
{
    if (filterContext.ActionResult is ViewResult) {
        ViewData["Shared-ShowTheLink"] = IsLinkeVisible(filterContext) ? "non-null" : null;
    }       
}

private bool IsLinkeVisible(ActionExecutedContext filterContext) {
    // Show on the home page only, for example
    var controllerName = filterContext.RouteData.Values["controller"];
    var actionName = filterContext.RouteData.Values["action"];

    var isHome = string.Compare(controllerName, "Home", StringComparison.InvariantCultureIgnoreCase) == 0;
    var isIndex = string.Compare(actionName, "Index", StringComparison.InvariantCultureIgnoreCase) == 0;
    return isHome && isIndex;
}

之后您需要到您的母版页（或视图）并执行类似的操作（假设 WebForms 视图引擎） )：

<% if (ViewData["Shared-ShowTheLink"] != null) { %>
    Html.ActionLink("Link Text", "Action", "Controller");
<% } %>

现在您的链接应该仅在主页/索引上可见。
要更改此设置，请根据需要修改 IsLinkeVisible 方法。

干杯。

Answer 3

默认情况下，使用 CSS display:none 属性呈现链接。然后使用 Javascript 将 display 切换为需要时显示链接的值。更多信息请参见此处。

jQuery 提供了 show() 和 hide() 效果，允许您轻松切换元素的可见性或元素。

Answer 4

使用 htmlAttributes 重载创建操作链接帮助器以给它一个类

Html.ActionLink("link","link",null, new { @class=model.mystatus })

您可以从模型中的属性设置 @class 值，然后应用“display:none;”添加到 CSS 中的类或使用 jquery 将元素设置为隐藏 --> $('.statusclass').hide();

Answer 5

唯一有效的方法是将 ActionLink 包装在一个跨度中，分配一个类，将其隐藏在 CSS 中，然后在 JavaScript 中显示它。由于某种原因，直接将类名分配给 ActionLink 是行不通的。

感谢大家的帮助！

Answer 6

这里有一个技巧：

• 将 CSS 类添加到链接
• 将 CSS 类添加到每个页面的 body 标记，根据需要使用尽可能多的唯一值
• 编辑 CSS 文件以根据 body 标记类的组合显示/隐藏链接以及链接上的班级。

CSS 文件示例：

body.events .myLink,
body.about .myLink {
   display:none;
}
body.programs .myLink {
   display:inline;
}

那么您不需要对 ActionLink 做任何奇怪的事情。这并没有解决为什么你要发出一个你不想首先显示的链接的问题，但我相信你有充分的理由。

Answer 7

我猜您想控制 Html.ActionLink 辅助方法生成的标记的可见性，对吗？如果是，您可以按如下所示动态指定标签的类：

<%=Html.ActionLink("link", "MyAction", null, new { @class = ViewData["actionLinkClass"] })%>

在控制器操作方法中，您可以为可见或隐藏样式定义 ViewData["actionLinkClass"] 值。