javascript - 将 kendo-ui 数据源数据与多个下拉小部件一起使用

Question

如果我使用共享数据源，它向服务器发出与下拉列表数量一样多的 ajax 请求，我想将数据源数据与多个下拉列表一起使用。我需要的是 1 个 ajax 请求并使用该数据填充所有下拉列表。这段代码给我 ildata 未定义..

感谢您的帮助。

代码示例

var ilDataSource= new kendo.data.DataSource({
  transport: {
    read:  {
      url: "{{ url('ajax/ilList') }}",
      dataType: "json" 
    }
  }
});
ilDataSource.fetch(function(){
  var ildata = ilDataSource.data();
});

var iller = $("#iller").kendoDropDownList({
  placeholder: "İl Seçiniz",
  dataSource : {
    data:  ildata
  },
  dataTextField: "il",
  dataValueField: "id"
}).data("kendoDropDownList");

我可以在函数范围内获取数据项，但无法在公共(public)范围内获取数据项..

   ilDataSource.fetch(function() { 
   ildata = ilDataSource.data().toJSON();
   console.log(ildata); }); 

Answer 1

ilDataSource.fetch(function(){
  var ildata = ilDataSource.data();
});

这定义了一个作用域为匿名函数的本地变量ildata。

dataSource : {
  data:  ildata
},

因此此时没有变量/属性ildata。

您需要在两个用例的公共(public)范围内声明 ildata:

var ildata;
ilDataSource.fetch(function(){
  ildata = ilDataSource.data();
});

var iller = $("#iller").kendoDropDownList({
  placeholder: "İl Seçiniz",
  dataSource : {
    data:  ildata
  },
  dataTextField: "il",
  dataValueField: "id"
}).data("kendoDropDownList");

Kendo 是否可以处理单个数据源的重用是另一个问题。