2017-09-04 56 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我想設置此過濾器屬性 –

相關問題