未绑定到任何控件时的 KendoUI 数据源

Question

我在几个地方使用了 KendoUI 数据源，有些绑定到控件，有些则没有。该调用是对远程 Web 服务的调用，并且可能非常昂贵，有些我试图先执行它。

我第一次需要数据是针对未绑定到控件的情况。

I call a function similar to this to create the datasouce:

function BuildDS() {
    var DS = new kendo.data.DataSource({
        transport: {
            read: {
                url: "../WS/GetData",
                dataType: 'json',
                contentType: "application/json; charset=utf-8",
                type: "POST"
            }
        }
    });

    return DS;
}

然后我有另一个遍历 DS 的函数。

function GetName(DSIn, fieldID) {

    DSIn.read();

    var visname = "";
    $.each(DSIn.data(), function (idx, vis) {
        if (vis.FIELD_ID == fieldID) {
            visname = vis.DISPLAY_LABEL;
            return false;
        }
    });
    return visname;
}

我可以看到正在调用远程 Web 服务并按预期返回数据。但是 DS 的 data() 属性始终不返回任何数据。

当我将相同的数据源绑定到 Kendo 控件时，数据会填充到 DS 上。

Answer 1

从服务器检索数据是一个异步操作，因此当您进行迭代时，此调用尚未完成。你应该改用fetch：

dataSource.fetch(function(){
  var data = this.data();
  console.log(data.length); 

  // now you can iterate over data
});