ActionButton而不是ActionLink

Question

我想创建一个按钮,单击该按钮会调用一个动作.我曾经习惯Html.ActionLink创建一个完全相同的链接,但没有Html.ActionButton.还有其他方法吗？

Answer 1

下面是一个使用Bootstrap的CSS按钮并将其应用于链接以使其看起来与按钮完全相同的示例.

@Html.ActionLink("Select", "Select", new { id = patient.Id }, new { @class = "btn btn-primary", @style = "color:white" })

Answer 2

还有其他方法吗？

你可以使用一个HTML <form>:

@using (Html.BeginForm("someAction", "someController"))
{
    <button type="submit">OK</button>
}

Answer 3

这看起来很简单 - 我错过了什么吗？

@Html.ActionLink("About", "About","Home", new { @class = "btn btn-success" })

Answer 4

用这个:

@using (Html.BeginForm("yourAction", "yourController"))
{
    <input type="submit" value="Some text"/>
}

Answer 5

@using (Html.BeginForm("ActionName", "ControllerName")){
   <input type="button" value="Submit" />
}

Answer 6

a[type="button"] {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
    text-decoration: none;
}

@Html.ActionLink("ActionName", "ControllerName",null, new {type = "button" })

Answer 7

有时您的按钮可能有嵌套标记（例如图标）

这可能对某些人有帮助：

<button type="button" onclick="location.href='@Url.Action("Action", "Controller")'" class="btn btn-success">My button name <i class="glyphicon glyphicon-search"></i></button>

需要 type=button 来防止页面提交...另一种可能的解决方案（如果您认为 type=button 看起来很奇怪，因为该元素已经是一个按钮）是在 OnClick javascript 处理程序中调用 event.preventDefault() 。

<button onclick="event.preventDefault(); location.href='@Url.Action("Action", "Controller")'" class="btn btn-success">My button name <i class="glyphicon glyphicon-search"></i></button>