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

有幾個選項。你可以做Daniel提出的建議，或者你可以使用JavaScript來完成。

注意導航不適用於不具有JavaScript功能的瀏覽器。

添加標識的按鈕

<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; 
    }); 
}); 

Answer 3

我用這樣的解決方案：

@(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" }) 

第二個是更好的。祝你好運。