如何根据kendogrid中的first dropdown值过滤第二个dropdown

// 第一个下拉框的change事件处理函数
function onFirstDropdownChange(e) {
  var selectedValue = e.sender.value(); // 获取选择的值
  
  // 获取第二个下拉框的数据源
  var secondDropdownDataSource = $("#secondDropdown").data("kendoDropDownList").dataSource;

  // 创建一个filter对象，以过滤第二个下拉框的数据源
  var filter = {
    field: "category", // 假设第二个下拉框的数据源中有一个字段叫做category
    operator: "eq",
    value: selectedValue
  };

  // 过滤第二个下拉框的数据源
  secondDropdownDataSource.filter(filter);

  // 刷新第二个下拉框，展示过滤后的选项
  $("#secondDropdown").data("kendoDropDownList").refresh();
}

// 在页面加载完成后，初始化KendoGrid和下拉框
$(document).ready(function() {
  // 初始化第一个下拉框
  $("#firstDropdown").kendoDropDownList({
    change: onFirstDropdownChange
    // ... 其他配置项
  });

  // 初始化第二个下拉框
  $("#secondDropdown").kendoDropDownList({
    // ... 其他配置项
  });

  // 初始化KendoGrid
  $("#grid").kendoGrid({
    // ... 其他配置项，包括定义下拉框列
  });
});