Kendo Chart 的 ajax 请求未到达 action 方法

Question

请任何人帮助我解决有关 Telerik 示例的问题，在该示例中我试图显示带有 ajax 调用的图表。

代码运行良好，没有任何异常，但它没有触发我控制器中的操作方法。我环顾四周，但找不到正确的答案。

我的控制器代码如下

public ActionResult Index()
{
    DataTable dataTable = GetChartData();
    return View(dataTable);
}

public ActionResult Read([DataSourceRequest] DataSourceRequest request)
{
    DataTable chartData = GetChartData();
    var result = chartData.ToDataSourceResult(request);

    return Json(result, JsonRequestBehavior.AllowGet);
}

private DataTable GetChartData()
{
    return chartService.GetChartDataById(4);
}

我的索引视图如下

@(Html.Kendo().Chart()
    .Name("chartAjaxBinding")
    .CategoryAxis(axis => axis.Labels(labels => labels.Template("#: value.split(' ').join('\\n')#")))
    .Series(series =>
    {
        series.Column("Column1").CategoryField("Column2");
    })
    .DataSource(dataSource => dataSource
        .Read(read => read.Action("Read", "MyController"))
))

Answer 1

默认情况下，Kendo Chart 将向服务器发送 POST 请求，您的操作是接受 GET 请求。此外，您不需要添加DataSourceRequest，也不需要将结果转换为DataSourceResult。

[HttpPost]
public ActionResult Read()
{
    DataTable chartData = GetChartData();
    return Json(chartData, JsonRequestBehavior.DenyGet);
}

或者，您可以让图表发送 GET 请求：

@(Html.Kendo().Chart()
    .Name("chartAjaxBinding")
    .CategoryAxis(axis => axis.Labels(labels => labels.Template("#:value.split(' ').join('\\n')#")))
    .Series(series =>
    {
        series.Column("Column1").CategoryField("Column2");
    })
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(r => r.Action("Read", "MyController").Type(HttpVerbs.Get)
))