button - Mvc Telerik ボタン イベント

Question

誰かが次のボタンをクリックしたときに、Home Controller の別のアクション NewPage に移動したいと考えています。

<input class="t-button AlignButton" type="button" value="New" />

このアクションを実行するためのコードは何でしょうか。前もって感謝します。

Answer 1

ActionLink を使用する方がよい場合があります。

@Html.ActionLink("New", "NewPage", "Home")

ボタンのように見せたい場合は、css プロパティを追加できます。

@Html.ActionLink("New", "NewPage", "Home", new { @class="newpage" })

CSS では、画像を使用するなど、リンクの外観を定義できます。

Answer 2

私はそのような解決策を使用します：

@(Html.Kendo().Button()
    .Name("CreateDataSubmit")
    .Content("Create new")
    .Events(e => e.Click(@<text>function(e) { window.location.href = "@(Url.Action("Create"))" }</text>))
)

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

2番目の方が優れています。幸運を。

Answer 3

いくつかのオプションがあります。ダニエルが提案したことを行うか、JavaScript を使用して行うことができます。

JavaScript 機能を備えていないブラウザではナビゲーションが機能しないことに注意してください。

ボタンにIDを追加する

<input class="t-button AlignButton" type="button" value="New" id="my-button" url="@Url.Action("Action", "Controller")" />

JavaScript を使用してボタンを見つけ、URL を変更します。jQuery版はこちら

$(document).ready(function () {        
    $('#my-button').click(function (e) { 
        var url = $(this).attr('url');
        windows.location = url;
    });
});