在另一个dropdownlist的事件更改后刷新Kendo dropdownlist

<select id="dropdownlist1"></select>
<select id="dropdownlist2"></select>

var dataSource1 = new kendo.data.DataSource({
  data: [
    { text: "Option 1", value: "1" },
    { text: "Option 2", value: "2" },
    { text: "Option 3", value: "3" }
  ]
});

$("#dropdownlist1").kendoDropDownList({
  dataSource: dataSource1,
  dataTextField: "text",
  dataValueField: "value"
});

$("#dropdownlist1").on("change", function() {
  var selectedValue = this.value();
  
  // 根据选中值获取第二个dropdownlist的数据源
  var dataSource2 = getDataSourceForDropdownlist2(selectedValue);
  
  // 刷新第二个dropdownlist的数据源
  $("#dropdownlist2").data("kendoDropDownList").setDataSource(dataSource2);
});

function getDataSourceForDropdownlist2(selectedValue) {
  // 根据选中值获取第二个dropdownlist的数据源
  // 这里可以根据具体业务逻辑进行数据源的获取和处理
  
  // 示例：根据选中值返回不同的数据源
  if (selectedValue === "1") {
    return new kendo.data.DataSource({
      data: [
        { text: "Option A", value: "A" },
        { text: "Option B", value: "B" },
        { text: "Option C", value: "C" }
      ]
    });
  } else if (selectedValue === "2") {
    return new kendo.data.DataSource({
      data: [
        { text: "Option X", value: "X" },
        { text: "Option Y", value: "Y" },
        { text: "Option Z", value: "Z" }
      ]
    });
  } else {
    return new kendo.data.DataSource({
      data: [
        { text: "Option P", value: "P" },
        { text: "Option Q", value: "Q" },
        { text: "Option R", value: "R" }
      ]
    });
  }
}