Kendo grid error : kendo.all.min.js:12 Uncaught TypeError: e.slice is not a function

Question

我有一个 kendo 网格，它使用 javascript 中的 ajax 绑定其数据源，如下所示：

剑网：

@(Html.Kendo().Grid<WEB02.ConfigurationModel.ActivityGridDetails>()
.Name("Activitydet")
.Columns(columns =>
{
    columns.Bound(o => o.Id).Width(40);
    columns.Bound(o => o.Config).Width(200);
    columns.Bound(o => o.Status).Width(250);
    columns.Bound(o => o.In).Width(250);
    columns.Bound(o => o.Out).Width(250);




})
.DataSource(dataSource => dataSource
    .Ajax()
    .Events(events => events.Error("error_handler"))
     .Model(model => model.Id(p => p.Id))
    )
)
)

Javascript:

function onChange(e) {
    var grid = $("#grid").data("kendoGrid");
    var dataRows = grid.items();
    var rowIndex = dataRows.index(grid.select());
    var selectedname = grid.dataItems()[rowIndex];
    console.log("aly" + selectedname.NodeId);
    document.getElementById("ActivityGrid").style.bottom = "100px";



    $.ajax({

        type: 'POST',
        url: '/Configuration/ActivityGridDisplay/',
        dataType: 'json',
        data: { nodeName: selectedname.Name, nodeType: selectedname.Type, nodeID: selectedname.NodeId },
        success: function (result) {

            $("#Activitydet").data("kendoGrid").dataSource.data(result);
            //$("#Activitydet").data("kendoGrid").dataSource.fetch();
        }
    })}

控制器：

public ActionResult ActivityGridDisplay([DataSourceRequest] DataSourceRequest request, string nodeName, string nodeType, string nodeID)

    {



        ActivityGrid Activity = new ActivityGrid();
        Activity.Grid = new DataTable();

        string rep = "ns=2;s=";
        nodeID = nodeID.Replace(rep, "");

        string nodeConfig= nodeID+".CONFIG";
        string nodeStatus= nodeID+".STATUS";
        string nodeIN= nodeID+".IN";
        string nodeOUT= nodeID+".OUT";
        Dictionary<string, string> ActivityConfig = RxMUaClient.DetailsBrowse("2", "127.0.0.1:48030", nodeConfig);
        Dictionary<string, string> ActivityStatus = RxMUaClient.DetailsBrowse("2", "127.0.0.1:48030", nodeStatus);
        Dictionary<string, string> ActivityIN = RxMUaClient.DetailsBrowse("2", "127.0.0.1:48030", nodeIN);
        Dictionary<string, string> ActivityOUT = RxMUaClient.DetailsBrowse("2", "127.0.0.1:48030", nodeOUT);


        List<Dictionary<string, string>> Collection = new  List<Dictionary<string, string>>();
        Collection.Add(ActivityConfig);
        Collection.Add(ActivityStatus);
        Collection.Add(ActivityIN);
        Collection.Add(ActivityOUT);

        int max =Collection[0].Count;
        for (int CC = 1; CC < 4; CC++)
        {

            if (Collection[CC].Count > max)
            {
                max = Collection[CC].Count;
            }
        }
        DataTable Table = new DataTable();
        Table.Columns.Add("Id");
        Table.Columns.Add("Config");
        Table.Columns.Add("Status");
        Table.Columns.Add("In");
        Table.Columns.Add("Out");
        for (int i = 0; i <= max; i++)
        {
            DataRow newRow = Table.NewRow();
            newRow[0] = i;

            int l=1;
                foreach (Dictionary<string, string> e in Collection)
                {

                    if (i < e.Count)
                    {
                        var element = e.ElementAt(i);
                        newRow[l] = element.Value;
                    }
                    l++;

                }
                Table.Rows.Add(newRow);

        }



        if (request.Aggregates.Any())
        {
            request.Aggregates.Each(agg => agg.Aggregates.Each(a =>
            {
                a.MemberType = Table.Columns[agg.Member].DataType;
            }));
        }
        return Json(Table.ToDataSourceResult(request));

}

我之前使用模型完成了相同的网格，但是直接从 kendo 网格中使用读取函数并且它曾经没有问题地工作。这次使用 ajax 绑定读取不起作用，因为它给出了这个错误： kendo.all.min.js:12 未捕获类型错误：e.slice 不是函数

我尝试将 allowget 放入 json 调用但没有解决它，我之前没有设置模型 ID 所以我设置了一个但也没有解决它。我试图从 kendo 网格中删除数据源部分，但没有成功。有什么建议么？？

Answer 1

发现问题：它在 javascript 部分，因为整个数据都被传递了，而应该只传递数据数组部分：

ajax函数修改如下：

 $.ajax({

        type: 'POST',
        url: '/Configuration/ActivityGridDisplay/',
        dataType: 'json',
        data: { nodeName: selectedname.Name, nodeType: selectedname.Type, nodeID: selectedname.NodeId },
        success: function (result) {
            console.log(result);
            var pass = result.Data;
            $("#Activitydet").data("kendoGrid").dataSource.data(pass);
            //$("#Activitydet").data("kendoGrid").dataSource.fetch();
        }
    })

Answer 2

使用 $("#grid").kendoGrid 遇到了同样的问题，并通过将 'data' 属性放入控制器解决了这个问题。例如： return Json(results.Data, JsonRequestBehavior.AllowGet);

Kendo grid error : kendo.all.min.js:12 Uncaught TypeError: e.slice is not a function

Kendo grid error : kendo.all.min.js:12 Uncaught TypeError: e.slice is not a function

javascript

ajax

asp.net-mvc

json

kendo-grid