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

第二个更好。祝你好运。

Answer 3

选项很少。你可以按照 Daniel 的建议去做，也可以使用 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;
    });
});