如何在@ Html.ActionLink中添加类?

时间:2013-09-05 18:29:47

标签: css asp.net-mvc razor

我想让两个@Html.ActionLink's看起来像按钮。我可以使用CSS实现此目的,但前提是我使用actionlink的#ID来应用CSS。我想为动作链接分配一个类,但是当我使用下面的代码时,我得到一个错误,说我缺少“}”。

 @Html.ActionLink("Print PO", "PoReport", new { id = 51970}, 
                 new { id = "PoPrint"} , new { class = "PoClass"})

这是我申请的样式:

<style>
 #PoPrint 
{
 border: 4px outset;
 padding: 2px;
 text-decoration: none;
 background-color:lightskyblue;
}
</style>

这是有效的,我想我可以将其他#ID添加到样式中,但是希望将样式应用于类。

5 个答案:

答案 0 :(得分:65)

您必须使用@字符,因为class是C#中的关键字。以下是MSDN文档的链接:http://msdn.microsoft.com/en-us/library/dd492124(v=vs.108).aspx

@Html.ActionLink("Link Text", "ActionName", 
         new { controller = "MyController", id = 1 }, 
         new { @class = "my-class" })

答案 1 :(得分:6)

问题是类是C#中的保留字。您可以指定要使用名称&#39; class&#39;通过@符号转义它作为你的属性名称,如下所示:

 @Html.ActionLink("Print PO", "PoReport", new { id = 51970}, new { id = "PoPrint", @class = "PoClass"})

答案 2 :(得分:0)

执行此操作new { @class = "PoClass"} 您需要@为类似

的关键字

答案 3 :(得分:0)

您必须指定操作名称,控制器和url参数(在此示例中为空)

$headers[] = 'Authorization: Basic ' . $session->get('access_token');

答案 4 :(得分:0)

在我使用null时有效

@ Html.ActionLink(“添加用户”,“创建”,空,新的{@class =“ btn btn-primary”})

“添加用户”是按钮文字

“创建”是actionName

new {@class =“ btn btn-primary”} CSS使用的引导程序类