Question

我有：

<p><a class="btn btn-default" href="~/Person">List of Cients »</a></p>

我想用HTML Action Link替换它，但不要改变视觉风格。

我希望Index行动PersonController：

public class PersonController：Controller { private PersonContext db = new PersonContext（）;

    // GET: Person
    public ActionResult Index()
    {
        return View(db.Persons.ToList());
    }
}

@Html.ActionLink(...)应如何显示。

编辑：

我试过了：

   <p><a class="btn btn-default" href="~/Person">List of Cients &raquo;</a></p>
        @Html.ActionLink("List of Clients &raquo", "Index", "Person", new { @class = "btn btn-default" })

存在以下问题：» ActionLink不会呈现preetty箭头。

EDIT2：

尝试了这个没有结果：@Html.ActionLink("List of Clients " + HttpUtility.HtmlDecode("&raquo"), "Index", "Person", new { @class = "btn btn-default" })

编辑：两个都不工作。

  <p> @Html.ActionLink("List of Clients »", "Index", "Person", new { @class = "btn btn-default" })</p>
       <p> @(Html.ActionLink("List of Clients »", "PersonController/Index", new { @class = "btn btn-default" }));

首先给出正确的风格，但是当我点击时，我会在链接中获得length=6。第二个没有样式和链接：http://localhost:17697/Home/PersonController/Index?class=btn%20btn-default

答案：这个有效：

<p> @Html.ActionLink("List of Clients »", "Index", "Person", null, new { @class = "btn btn-default" })</p>

Answer 1

@(Html.ActionLink("Title", "/PersonController/Index", new { @class = "myCssClass" }));

以下是供参考的链接：http://msdn.microsoft.com/en-us/library/dd492124(v=vs.108).aspx

Answer 2

请试试这个，它会起作用

 <a href="@Url.Action("Index", "Person")">
    <button class="btn btn-default">
        List of Cients &raquo;
    </button>
    </a>

Answer 3

试试这个

@Html.ActionLink("ButtonText", "Action","Controller", new {@class="btn btn-default"})

这对我有用。

NB。 new {@class="btn btn-default"}在第三个逗号之后。

Answer 4

<pre> 
<p>I will display &#187;</p>
 <div>
        @Ajax.ActionLink("Contact " + HttpUtility.HtmlDecode("&#187;"),
                   "_PartialEmployeeIndex", "Employee",
                        new AjaxOptions() { UpdateTargetId = "divToUpdate" }, 
                   new { @class = "btn btn-primary" })
    </div>
</pre>

如何将CSS类应用于Razor中的HTML Action Link

4 个答案: