JQuery: Update search fields for a grid after initialization

[syian]

How can I change the list of fields which will be included in the search of the grid after initialization? During the initialization you only have to define the search.fields configuration option, but apart from that it seems that it is not possible to change the list after the grid has been initialized. 

On the select event of a kendoDropDownList, I was hoping of calling something like the following and with that limiting the search only in the selected column of the grid:

$("#dropdownlist").kendoDropDownList({
  ...
  select: function(e) {
    jq("grid_id").data("kendoGrid").search.fields( [ option1 ] );
  },
  ...
});

 

[Ivan Danchev]

Hello,

You can use the Grid's setOptions method, to set the search field, for example:

var grid =  $("#grid").data("kendoGrid");
        
grid.setOptions({
  search: {
    fields: ["Country"] 
  }
})

Here's a dojo example with the logic above executed in a button's click handler: https://dojo.telerik.com/aHisefIF/2

Regards,
Ivan Danchev
Progress Telerik

[syian]

Hey Ivan, 
thank you! I totally forgot about the setOptions method. I tried it out and from my understanding it seems that setOptions does not preserve the Grid Toolbar Template - referring back to the documentation it clearly states exactly that: As a result, the templates will be lost once the setOptions() method is invoked.. But also mentions that by adding a template configuration should do the trick, which I did but still no template after choosing an option of the dropdown. I found a workaround by detaching the toolbar before loading the Grid settings (see Stackoverflow) in case someone needs it.

var grid =  $("#grid").data("kendoGrid");
let gridToolbar = jq("#grid .k-grid-toolbar").detach();
grid.setOptions({
  search: {
    fields: ["Country"]
  }
})
jq("#grid .k-grid-toolbar").replaceWith(gridToolbar);

[Ivan Danchev]

Hi syian,

Thank you for sharing the workaround with the community.

Regards,
Ivan Danchev
Progress Telerik