将提交按钮转换为ActionLink

时间:2013-02-05 10:12:03

标签: asp.net-mvc button actionlink

有没有办法将提交按钮转换为ActionLink

我得到了这个ActionLink,它将用户重定向到索引页面:

@Html.ActionLink("Cancel", "Index", null, new { @class = "k-button" })

一个保存按钮,提交保存创建或更改的内容:

<input type="submit" value="Save" />

让提交按钮与ActionLink相同的代码会很好。

1 个答案:

答案 0 :(得分:3)

您可以直接使用<a>标记,尝试以下内容:

<a onclick="$('#YourForm').submit();" class="k-button">Save</a>

在你的表格的行动职位中:

[HttpPost]
public ActionResult Post(..)
{
   /// process something...
   return RedirectToAction("Index");
}

HTML Helper

在评论中,你可以创建自己的html助手,试试这个:

using System;
using System.Web.Mvc;

namespace MvcApplication.Helpers
{
     public static class HtmlExtensions
     {
          public static string SubmitLink(this HtmlHelper helper, string text, string formId)
          {
               return string.Format("<a class='k-button' onclick='$(\"#{1}\").submit();'>{1}</a>", text, formdId);
          }
     }
}

并使用它:

@Html.SubmitLink("Save", "formId")