2017-09-04 116 views
-1

我在cshtml中有一个kendo下拉列表。我想在Jquery或javasctipt中设置过滤器属性。你能告诉我如何实现这个目标吗? 感谢您对此的帮助。如何通过javascript或jquery为kendo下拉菜单设置滤镜属性

@(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" 
       } 
      }) 
    ) 

回答

1

更新:如果过滤器没有在创建时设置,破坏并与过滤

在JavaScript/jQuery的重新初始化得到的下拉列表,并调用destroy()方法:

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

+0

嗨Ezanker,谢谢你的更新我试着用你的方法,但它仍然没有工作,当我看到你演示你在创建kendo下拉列表时添加了过滤器属性,但在我的情况下,我没有把过滤器属性放在创建时间,但我想通过jQuery或JavaScript设置此过滤器。希望你明白我的问题,请帮助我在此谢谢 –

+0

@SamanthKolisetty,在演示。当您在创建后单击按钮时,filer属性将设置为不同的值。查看创建后的按钮单击事件。 – ezanker

+0

我明白,但默认情况下,同时使下拉菜单设置过滤器,并在按钮点击你相应地改变。在我的情况下,我没有保留创建时的过滤器属性,但在jQuery或JavaScript我想设置此过滤器属性 –