asp.net-mvc – Html.Actionlink作为Button效果

发布时间：2020-12-16 09:12:20 所属栏目：asp.Net 来源：网络整理

导读：我想把@ Html.Actionlink作为按钮. 工作Html.Actionlink： li class="btn btn-sm" @Html.ActionLink("Redeem Reward","GetReward","Home",new { id = price.PriceId },new { @class = "lnkGetReward"})/li 目前,当我点击它时看起来好像点击了一个链接,如果我

我想把@ Html.Actionlink作为按钮.

工作Html.Actionlink：

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

目前,当我点击它时看起来好像点击了一个链接,如果我们单击按钮边框,它就不起作用了.

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

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

解决方法

而不是将li上的按钮类直接应用于链接.

在使用bootstrap时,您可能希望添加btn-default以获得按钮的完整样式.

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

但是,如果您100％确定要使用Url.Action,则代码将如下所示.

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

我再次建议您将btn btn-sm直接应用于链接.可能有btn默认值.

根据评论进行编辑：

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!