Question

我有一个场景，我必须提供图标和文字的动作链接。我怎么能用@html.Actionlink做到这一点。我试图在actionlink中添加图标html代码作为文本，但它没有工作。我们如何处理这些情况而不使用普通的锚标记？

    <div>
        <span class="glyphicon glyphicon-hdd"></span>
    </div>
    <div>
        @Html.ActionLink("Request", "Request", "MyRequest")
    </div>

Answer 1

在提到的评论中，作为@Stephen，您无法使用ActionLink()并添加图标。你将不得不使用锚。您使用此格式的代码如下所示：

<a href="@Url.Action("Request", "MyRequest")">
    <span class="glyphicon glyphicon-hdd"></span>
    <span>Request</span>            
</a>

Answer 2

您可以使用javascript代码，例如：

@Html.ActionLink("Request", "Request", "MyRequest", new { @class = "btn-primary", id = "btn-actionlink-export" })

<script type="text/javascript">
    $(document).ready(function () {
        $('#btn-actionlink-export').append('<span class="icon-file-excel position-right"></span>');
    });
</script>

段落或图标的Asp.Net MVC Action链接

2 个答案: