简单的Kendo UI远程DataSource返回空

Question

这是一个简单的例子，我正在尝试构建一个练习，我的DataSource对象返回时没有数据。

var data = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "data.json",
                    dataType: "json"
                }
            }
        });

        console.dir( data );

data.json

[
    {
        "text": "Brand One"
    },
    {
        "text": "Brand Two"
    },
    {
        "text": "Brand Three"
    },
    {
        "text": "Brand Four"
    }
]

有任何想法吗？

Answer 1

您的代码有两个问题

1. 首先，您需要调用data.read（） - 以便执行请求
2. 由于上面的操作是异步操作，因此如果在使用data.read（）之后立即调用data.data（），则不会返回任何内容。 要等到检索数据，您需要使用requestEnd事件。

Answer 2

我可以将load数组加载到datasource并返回对象，参见

var data_input= [
    {
        "text": "Brand One"
    },
    {
        "text": "Brand Two"
    },
    {
        "text": "Brand Three"
    },
    {
        "text": "Brand Four"
    }
];

var data = new kendo.data.DataSource({
            transport: {
                read: {
                    data: data_input,
                    dataType: "json"
                }
            }
        });

console.log(data)