如何通过JavaScript或jQuery设置过滤属性，以进行kendo下拉

Question

我在CSHTML中有一个Kendo下拉列表。我想在jQuery或javasctipt中设置过滤属性。您能告诉我如何获得这种能力吗？感谢您的帮助。

 @(Html.Kendo().DropDownList()
          .Name("movies")
          .DataTextField("Text")
          .DataValueField("Value")
          .HtmlAttributes(new { style = "width: 100%" })
          .BindTo(new List<SelectListItem>()
          {
              new SelectListItem() {
                Text = "The Shawshank Redemption", Value ="1"
              },
              new SelectListItem() {
                Text = "The Godfather", Value ="2"
              },
              new SelectListItem() {
                Text = "The Godfather: Part II", Value ="3"
              },
              new SelectListItem() {
                Text = "Il buono, il brutto, il cattivo.", Value ="4"
              },
              new SelectListItem() {
                Text = "Pulp Fiction", Value ="5"
              },
              new SelectListItem() {
                Text = "12 Angry Men", Value ="6"
              },
              new SelectListItem() {
                Text = "Schindler's List", Value ="7"
              },
              new SelectListItem() {
                Text = "One Flew Over the Cuckoo's Nest", Value ="8"
              },
              new SelectListItem() {
                Text = "Inception", Value ="9"
              },
              new SelectListItem() {
                Text = "The Dark Knight", Value ="10"
              }
          })
    )

Answer 1

更新：如果未在创建时设置过滤器，请用过滤器重新启动

在javascript/jquery中获取下拉列表并调用dester（）：

var dropdownlist = $("#movies").data("kendoDropDownList");
dropdownlist.destroy();

然后用过滤器重新创建：

$("#products").kendoDropDownList({
  dataTextField: "ProductName",
  dataValueField: "ProductID",
  dataSource: {
    transport: {
         read: {
            dataType: "jsonp",
            url: "https://demos.telerik.com/kendo-ui/service/Products",
         }
    }
  },
  filter: filt
});

demo