28

クリックするとアクションを呼び出すボタンを作成したい。私はHtml.ActionLinkそれを正確に行うリンクを作成するために使用しましたが、ありませんHtml.ActionButton。他に方法はありますか?

4

13 に答える 13

28

これは、Bootstrap の CSS ボタンを使用してリンクに適用し、ボタンとまったく同じように見せる例です。

@Html.ActionLink("Select", "Select", new { id = patient.Id }, new { @class = "btn btn-primary", @style = "color:white" })
于 2014-02-22T14:59:57.460 に答える
24

他の方法はありますか?

html を使用できます<form>

@using (Html.BeginForm("someAction", "someController"))
{
    <button type="submit">OK</button>
}
于 2012-06-18T10:03:55.693 に答える
6

これを使って:

@using (Html.BeginForm("yourAction", "yourController"))
{
    <input type="submit" value="Some text"/>
}
于 2012-06-18T10:03:51.290 に答える
5
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" })
于 2013-07-01T13:27:40.360 に答える
5

ボタンにネストされたマークアップがある場合があります (アイコンなど)。

これは一部の人々に役立つかもしれません:

<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>
于 2016-11-12T13:34:27.553 に答える
5
@using (Html.BeginForm("ActionName", "ControllerName")){
   <input type="button" value="Submit" />
}
于 2012-06-18T10:04:19.657 に答える
2

これはあなたの質問に答えるはずです。

Html.ActionLink のように asp:Button を使用できますか?

CSS を使用して、リンクをボタンのように見せます。

または、フォーム コントロールでページを移動するフォーム内のボタンを使用します。

于 2012-06-18T10:03:36.447 に答える
2

これは古いトピックであることは知っていますが、これが役に立ちました:

@Html.ActionLink("New member", "Create", null, new {@class = "btn btn-default"}) 
于 2017-09-05T10:44:57.053 に答える