How to Bind Dynamically columns in Filter Component

[Asad]

Hello Admin, 

I am using Kendo Filter Component in .net core 3.1

We have many rows in table and showing all names in filter dropdown but i could not bind dynamically data in filter area.

Please review my all attached files. And let me know how can i bind dynamically data in filter component.

 

Thanks,

 

[Asad]

and also please let me know how to get all selected filter values on server

[Nikolay]

Hello Asa,

Binding the fields DropDownList to a dynamic data is not coming out of the box. However, I could suggest updating the DropDownList data in the change event handler of the Filter, for instance:

change: function (e) {
          var dropdown = $("select[data-bind='value: field']").getKendoDropDownList();
          dropdown.dataSource.data(data2); // data 2 is the new data array
        }
   ...
var data2 = [
        { text: "name", value: "name", type: "string" },
        { text: "age", value:"age", type: "number" },
        { text: "city", value:"city", type: "string" }
      ]

Please refer to the following Dojo for a live demo:

• https://dojo.telerik.com/eQEBAWAd

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik