如何通过javascript或jquery为kendo下拉菜单设置滤镜属性
问题描述:
我在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"
}
})
)
答
更新:如果过滤器没有在创建时设置,破坏并与过滤
在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
});
嗨Ezanker,谢谢你的更新我试着用你的方法,但它仍然没有工作,当我看到你演示你在创建kendo下拉列表时添加了过滤器属性,但在我的情况下,我没有把过滤器属性放在创建时间,但我想通过jQuery或JavaScript设置此过滤器。希望你明白我的问题,请帮助我在此谢谢 –
@SamanthKolisetty,在演示。当您在创建后单击按钮时,filer属性将设置为不同的值。查看创建后的按钮单击事件。 – ezanker
我明白,但默认情况下,同时使下拉菜单设置过滤器,并在按钮点击你相应地改变。在我的情况下,我没有保留创建时的过滤器属性,但在jQuery或JavaScript我想设置此过滤器属性 –