javascript - Simple 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

コードには2つの問題があります

1. 最初にdata.read()を呼び出す必要があります- これでリクエストが実行されます
2. 上記の操作は非同期であるため、 data.read()を使用した直後にこれを呼び出すと、 data.data()を呼び出しても何も返されません。データが取得されるまで待機するには、 requestEndイベントを使用する必要があります。

Answer 2

ロード配列をデータソースにロードしてオブジェクトを返すことができます。

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)