DropdownList Change事件，更改Kendo Grid数据

// HTML部分
<select id="dropdownlist">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<div id="grid"></div>

// JavaScript部分
$(document).ready(function() {
  // 初始化下拉列表
  $("#dropdownlist").kendoDropDownList({
    change: onChange // 绑定Change事件处理函数
  });

  // 初始化Kendo Grid
  $("#grid").kendoGrid({
    dataSource: {
      data: [
        { id: 1, name: "John" },
        { id: 2, name: "Jane" },
        { id: 3, name: "Bob" }
      ]
    },
    columns: [
      { field: "id", title: "ID" },
      { field: "name", title: "Name" }
    ]
  });
});

// Change事件处理函数
function onChange(e) {
  var selectedValue = this.value(); // 获取选中的值
  var grid = $("#grid").data("kendoGrid");

  // 根据选中的值更新Grid数据
  if (selectedValue === "option1") {
    grid.dataSource.data([
      { id: 1, name: "John" },
      { id: 2, name: "Jane" },
      { id: 3, name: "Bob" }
    ]);
  } else if (selectedValue === "option2") {
    grid.dataSource.data([
      { id: 4, name: "Alice" },
      { id: 5, name: "Tom" },
      { id: 6, name: "Jerry" }
    ]);
  } else if (selectedValue === "option3") {
    grid.dataSource.data([
      { id: 7, name: "Mike" },
      { id: 8, name: "Emily" },
      { id: 9, name: "David" }
    ]);
  }
}