Html.ActionLink做爲按鈕或圖像，而不是連接

在ASP.NET MVC的最新版本（RC1）中，如何將Html.ActionLink呈現爲按鈕或圖像而不是連接？

---

#1樓

我這樣作的方法是單獨使用actionLink和圖像。 將actionlink圖像設置爲隱藏，而後添加jQuery觸發器調用。 這更像是一種解決方法。

'<%= Html.ActionLink("Button Name", "Index", null, new { @class="yourclassname" }) %>'
<img id="yourImage" src="myImage.jpg" />

觸發示例：

$("#yourImage").click(function () {
  $('.yourclassname').trigger('click');
});

---

#2樓

借用Patrick的回答，我發現我必須這樣作：

<button onclick="location.href='@Url.Action("Index", "Users")';return false;">Cancel</button>

避免調用表單的post方法。

---

#3樓

彷佛有不少關於如何建立顯示爲圖像的連接的解決方案，但沒有一個使它看起來像是一個按鈕。

我發現只有很好的方法才能作到這一點。 它有點hacky，但它的工做原理。

您須要作的是建立一個按鈕和一個單獨的操做連接。 使用css使操做連接不可見。 單擊該按鈕時，它能夠觸發操做連接的單擊事件。

<input type="button" value="Search" onclick="Search()" />
 @Ajax.ActionLink("Search", "ActionName", null, new AjaxOptions {}, new { id = "SearchLink", style="display:none;" })

function Search(){
    $("#SearchLink").click();
 }

每次添加須要看起來像按鈕的連接時，執行此操做可能會很痛苦，但它確實能夠實現所需的結果。

---

#4樓

一個遲到的答案，但這就是我將ActionLink變成按鈕的方式。 咱們在項目中使用Bootstrap，由於它很方便。 不要緊@T，由於它只是咱們正在使用的翻譯器。

@Html.Actionlink("Some_button_text", "ActionMethod", "Controller", "Optional parameter", "html_code_you_want_to_apply_to_the_actionlink");

上面給出了這樣的連接，以下圖所示：

localhost:XXXXX/Firms/AddAffiliation/F0500

在我看來：

@using (Html.BeginForm())
{
<div class="section-header">
    <div class="title">
        @T("Admin.Users.Users")
    </div>
    <div class="addAffiliation">
        <p />
        @Html.ActionLink("" + @T("Admin.Users.AddAffiliation"), "AddAffiliation", "Firms", new { id = (string)@WorkContext.CurrentFirm.ExternalId }, new { @class="btn btn-primary" })
    </div>
</div>

}

但願這有助於某人

---

#5樓

若是您不想使用連接，請使用按鈕。 你也能夠添加圖像到按鈕：

<button type="button" onclick="location.href='@Url.Action("Create", "Company")'" >
   Create New
   <img alt="New" title="New" src="~/Images/Button/plus.png">
</button>

type =「button」執行您的操做，而不是提交表單。