在ActionLink for ASP.NET MVC中使用图标,Razor Page

时间:2014-01-20 11:08:09

标签: c# asp.net css asp.net-mvc razor

我正在尝试在Razor代码中的actionLink中打印图标,但它没有发生......我正在使用actionLink与动作 - 名称和控制器与类,并在CSS中使用此类打印图标....我不喜欢& #39;知道我在哪里做错了???

我在页面源中获得了以下行;

 <a class="CreateNewEntry_Icon" href="/Qualification/CreateNewFreeZone?Length=13">New FreeZone</a>

我的代码

public ActionResult CreateNewFreeZone()
    {
        return PartialView("Partial_CreateNewFreeZone");
    }


@Html.ActionLink("New FreeZone", "CreateNewFreeZone", "Qualification", new { @class = "CreateNewEntry_Icon" })

CSS:

.CreateNewEntry_Icon {
    width:24px;
    height:24px;
    background:url("~/ImagesAndIcons/Icons/Add_New.png") no-repeat;

}

2 个答案:

答案 0 :(得分:2)

你需要这个:

@Html.ActionLink("New FreeZone", "CreateNewFreeZone", "Qualification", null, new { @class = "CreateNewEntry_Icon" })

您的原始文件正在将类传递给routeValues而不是htmlAttributes参数。

在这种情况下,添加额外参数null会导致调用正确的重载,该重载将htmlAttributes作为最后一个参数。

答案 1 :(得分:1)

试试这个

@Html.ActionLink("New FreeZone", "CreateNewFreeZone", "Qualification", new{ }, new { @class = "CreateNewEntry_Icon" })