Kendo UI Dropdown更新，單擊按鈕時帶有參數

Question

我試圖在按按鈕時以編程方式更新Kendo UI下拉列表。

主要下拉菜單 ：

@(Html.Kendo().DropDownList()
          .Name(LayoutTemplate")
          .OptionLabel("Templates")
          .DataTextField("Text")
          .DataValueField("Value")
          .DataSource(source =>
          {
          source.Read(read =>
               {
                 read.Action("GetLayoutTemplatesDropdown", LayoutTemplate");
               });
           }))
           <button class="loadLayout" type="button">Load</button>

第二個下拉列表 ：

@(Html.Kendo().DropDownList()
        .Name("CreateTemplateCSS")
        .OptionLabel("Choose one")
        .DataTextField("Text")
        .DataValueField("Value")
        .Template("<span class=\"glyphicon glyphicon-font\"></span> #:data.Text#")
        .DataSource(source =>
        {
            source.Read(read =>
            {
                read.Action("GetTemplateCSSTemplatesDropdown", "TemplateCSSTemplate")
                .Data("filterTemplateCSSTemplates"); 
            });
        })
        )

Java腳本

    function filterTemplateCSSTemplates() {
        return {
            layoutTemplateID: $("#LayoutTemplate").val()
        };
    }

 $(".loadLayout").on("click", function (e) {

         var layoutTemplateID = $("#LayoutTemplate").val();

         if (layoutTemplateID) {   
              $("#CreateTemplateCSS").data("kendoDropDownList").refresh();
         }                    
    });

目標是：

單擊$（“。loadLayout”）時，使用“ layoutTemplateID”參數刷新“ CreateTemplateCSS”。

我該如何調整使其正常工作？

Answer 1

如果您嘗試刷新下拉列表的數據源，則應執行$("#CreateTemplateCSS").data("kendoDropDownList").dataSource.read();

如果您試圖完全更改數據源，則在點擊功能中，您應該創建一個新的數據源，然后使用javascript更新您的下拉列表

    $("#CreateTemplateCSS").kendoDropDownList({
        dataTextField: "Text",
        dataValueField: "Value",
        valuePrimitive: true,
        optionLabel: "Templates",
        value: layoutTemplateID,
        dataSource: {
            data: yourDataSource
        }
    });