Html.Actionlink 作为按钮效果答案

【问题标题】：Html.Actionlink as Button effectHtml.Actionlink 作为按钮效果
【发布时间】：2015-04-24 21:16:22
【问题描述】：

我正在尝试将@Html.Actionlink 设为按钮。

工作 Html.Actionlink：

 <li class="btn btn-sm"> @Html.ActionLink("Redeem Reward", "GetReward",
 "Home", new { id = price.PriceId }, new { @class = "lnkGetReward"})</li>

目前，当我点击它时，它看起来就像点击了一个链接，除了文本之外，如果我们点击按钮边框，它就不起作用了。

我也在使用字体很棒的类。

我可以用@Url.Action 代替相同的id 和@class 吗？

【问题讨论】：

你在使用引导程序吗？
@Ashley，是的，我同时使用 bootstrap 和 font awesome

标签： asp.net-mvc twitter-bootstrap

【解决方案1】：

不要让li 上的按钮类直接应用于链接。

当您使用引导程序时，您可能需要添加 btn-default 以获得按钮的完整样式。

<li>
    @Html.ActionLink("Redeem Reward", "GetReward", "Home", 
    new { id = price.PriceId }, 
    new { @class = "lnkGetReward btn btn-default btn-sm"})
</li>

但是，如果您 100% 确定要使用 Url.Action，您的代码将如下所示。

<li class="btn btn-sm">
    <a href="@Url.Action("GetReward", "Home", new { id = price.PriceId })" class="lnkGetReward">Redeem Reward</a>
</li>

我再次建议您将btn btn-sm 直接应用于链接。可能是btn-default。

根据评论编辑：

<li>
    <a href="@Url.Action("GetReward", "Home", new { id = price.PriceId })" class="lnkGetReward btn btn-default btn-sm">
        <i class="fa fa-mobile"></i> Redeem Reward
    </a>
</li>

【讨论】：

非常感谢您可以正常工作，但是 UrlAction 在 click 上不起作用，为了明确我在点击时在 jquery 中使用 lnkGetReward。
其次，我可以添加这个图标吗： with working @Html.ActionLink
不，您将无法将 HTML 标记添加到操作链接的文本中，请参阅答案末尾的更新代码。
非常感谢，@Url.Action 效果很好，感谢您的努力。