当前位置 : 主页 > 网络编程 > ASP >

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

来源:互联网 收集:自由互联 发布时间:2021-06-24
我想把@ 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", "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默认值.

根据评论进行编辑:

<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>
网友评论