'Invalid slice method' error in kendo.all.js

[Al]

I get the error attached in kendo.all.js and the error event doesn't even fire,what am i doing wrong?

 

var dataSource = new kendo.data.DataSource({
    transport: {
        read: {
            url: "helper.php?action=data",
            dataType: "json"
        }
    },
    schema: {
        data: "zzz"
    }
});

dataSource.bind("error", function(e) {
    alert('error');
});

dataSource.fetch(function() {
    alert('fetch complete');
});

the helper returns this json:

 

{"zzz":{"items":[{"type":"button","text":"Test"}]}}

I have tried with and without the schema set as per suggestions seen on the web - please help?

[Marin Bratanov]

Hi Al,

The following article explains the most common reason for this problem: https://docs.telerik.com/kendo-ui/troubleshoot/troubleshooting-common-issues#widget-throws-the-eslice-is-not-a-function-error. Said shorty, the object that holds the data must be an array, and in the provided example its an object literal instead of an array.

You'd need something like this:

{"zzz":["items":[{"type":"button","text":"Test"}]]}

Regards,
Marin Bratanov
Progress Telerik

[Al]

Thanks Marin, I found the following to work:

{"zzz":[{"items":[{"type":"button","text":"Test"}]}]}