Html.Actionlink作爲按鈕效果

我正在嘗試將@ Html.Actionlink看作按鈕。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嗎？

來源

2015-02-23 stom

您使用的引導？ – 2015-02-23 14:11:03

@Ashley，是的，我使用引導程序和字體真棒 – stom 2015-02-23 14:12:41

而不是讓您的按鈕類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>

來源

2015-02-23 14:12:43

非常感謝你的工作正常，但UrlAction不工作點擊，以清除我在jquery點擊使用lnkGetReward。 – stom 2015-02-23 14:48:55

其次，我可以添加此圖標： with working @ Html.ActionLink – stom 2015-02-23 14:51:04

否，您將無法將HTML標記添加到動作鏈接的文本中，請參閱更新代碼答案的結尾。 – 2015-02-23 14:56:34

Html.Actionlink作爲按鈕效果

回答

相關問題