单击Kendo UI按钮调用服务器端MVC操作

时间:2013-11-26 14:25:57

标签: kendo-ui kendo-asp.net-mvc

我只是下载了用于ASP.NET MVC的Kendo UI包装器的v2013.3.1119.440的试用版。我在这个版本中看到一个新的Kendo.Mvc.UI.Fluent.ButtonBuilder包装器,它不是我在20天前在另一台PC上下载的版本。

所述包装器代表一个按钮。

我看不到用这个Kendo.Mvc.UI.Fluent.ButtonBuilder包装器直接连接服务器端MVC动作的方法。我该怎么做?

我确实在Events类上看到ButtonBuilder方法,该方法接受Action<ButtonEventBuilder>个事件。在ButtonEventBuilder中,我看到另一个名为Click的方法,它有两个重载,但都用于连接按钮的客户端事件处理程序。

我没有看到通过点击按钮直接连接服务器端回叫/回发的方法。

我错过了什么吗?唯一的方法是以手动方式触发服务器端回发或从JavaScript函数回调吗?

1 个答案:

答案 0 :(得分:9)

Button是最新版Kendo UI(上周)中的新功能。它并不直接支持你所寻找的东西,但类似的东西可以像这样完成:

@(Html.Kendo().Button()
    .Name("textButton")
    .Content("Text button")
    .HtmlAttributes( new {type = "button"} )
    .Events(ev => ev.Click("onClick")))

然后是一个与此类似的JS函数:

function onClick(){
    $.ajax({
        url: '/controller/action'
        data: { // data here }
    }).done(function(result){
        // do something with the result
    }).fail(function() { // handle failure });
}

可以在他们的演示网站上找到更多信息:http://demos.kendoui.com/web/button/events.html