Question

我试图将@ 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吗？

Answer 1

而不是让li上的按钮类直接将它们应用于链接。

当您使用bootstrap时，您可能希望添加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>

Html.Actionlink作为Button效果

1 个答案: