Question

我在学习用户点击Kendo按钮时如何调用服务器端功能。

我从这个主题中读到了Call a server side MVC action on the click of a Kendo UI button

----这是原帖----

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

-----结束原帖------------

有人可以解释有关此示例的更多信息或解释更详细的示例吗？ - 我不明白什么是数据，我们真的需要在.done中编写代码并失败吗？

这是我的观点：

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

这是我的JS功能

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

这是我的控制器

namespace KendoMVCWrappers.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Message = "Kloon test Kendo UI ASP.NET MVC application by Pham Thai Son";

            return View();            
        }

        private JsonResult GetView(DataSourceRequest request)
        {
            return Json(GetData().ToDataSourceResult(request));
        }    
    }
}

Answer 1

Kendo允许您使用JS或Razor填充其小部件。我个人使用剃刀，但两者都使用过。剑道的例子有时只显示一个或另一个。至于在Kendo按钮上单击调用函数，您不必在.done和.fail函数中放置任何内容，但是.done或者成功是您可以放置函数以在单击按钮后填充下拉列表的位置。 .data首先保存从onClick函数调用返回的数据，而.done和.fail允许你根据成功或失败来处理它。

您是否想知道如何在标题建议下填充下拉菜单，或者您是否希望解释其示例？

将数据从SQL加载到Kendo UI DropDownList

1 个答案: