Html.ActionLink图像按钮

时间:2011-06-23 23:39:57

标签: asp.net-mvc-3

我正在使用MVC 3,ASPX页面。我正在尝试为ActionLink制作一个图像按钮: 这个很好用:

   <%: Html.ActionLink("New", "AccessCode", null, new { @class = "but_add" })%>

但这个没有用!!

  <%: Html.ActionLink("New", "Create", "CourseChapters", 
              new { courseId = ViewData["TestId"], @class = "but_add" }, "")%>

我的样式表中有课程

.but_add
{
    background-image: url('../../Content/images/b_add.gif');
    background-repeat: no-repeat;
    width: 85px;
    height: 27px;
    padding-left: 27px;
    cursor: pointer;
    display: inline-block;
    padding-top: 5px;
}

2 个答案:

答案 0 :(得分:2)

您将html属性和routeValues作为同一对象的一部分传递。应该是:

    public static MvcHtmlString ActionLink(this HtmlHelper htmlHelper, string linkText, string actionName, string controllerName, object routeValues, object htmlAttributes);

答案 1 :(得分:0)

大多数人都会创建一个Ajax.ImageActionLink帮助程序,但在某些情况下,使用像这里的Html.ImageActionLink帮助程序更合适:

http://lottemae.wordpress.com/2011/07/04/html-imageactionlink-custom-helper-for-mvc/