This is a migrated thread and some comments may be shown as answers.

Grid search toolbar that doesn't propagate to individual column search panels

3 Answers 578 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mike
Top achievements
Rank 1
Mike asked on 21 Sep 2017, 09:37 PM

I have a kendo grid where each column is searcheable using the standard dropdown filter menu but there is also a master search bar at the top where the user can search across many columns at once.

I am using the technique described on http://www.telerik.com/forums/grid-search-feature to implement the custom search.

The problem I am encountering is that when I call .filter() on the grid dataSource to add my custom search filters from the master search bar, this causes the filter panels on each column to update and display the master search term. The user can then edit the search term from both the master search bar and the individual panels which gets confusing quite quickly.

How can I add my custom search functionality without having the grid replicate the search term in each column's panel?

 

3 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 25 Sep 2017, 10:50 AM
Hello, Mike,

If the desired result is to have the Grid filters and a master search input, I can suggest checking our knowledge-base article with a runnable example:

http://docs.telerik.com/kendo-ui/knowledge-base/add-custom-filters

I hope this is helpful.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Mike
Top achievements
Rank 1
answered on 25 Sep 2017, 09:47 PM

Hi Stefan,

Thank you for your response. In the issue you have linked I am seeing the same problem as I see with http://www.telerik.com/forums/grid-search-feature. Here are the steps to reproduce starting from the Dojo code sample you listed:

1. go to http://dojo.telerik.com/AgIgO/17

2. in the code under the filterable configs for "ApprovingManager" and "Projects", change both "search" and "multi" from true to false.

3. CTRL+Enter to run the code

4. Type "dan" in the search box and click the filter button: shows 3 items

5. Click the ... on the ApprovingManager column and open the filter submenu. You will see it set to "contains dan" which is weird because it's really an OR across several columns...

6. In the filter submenu for ApprovingManager, change "dan" to "da" and click "filter" in the submenu popup. Now the grid shows no results, which is truly bizarre. From here, there is no way to get the items back other than going to each columns ... menu an clearing filters. Once all are cleared, the items return.

0
Stefan
Telerik team
answered on 27 Sep 2017, 10:56 AM
Hello, Mike,

The described result is expected in this scenario as the external search is applying the value to all columnс as it does not know which column may meet the criteria and in fact, multiple columns can meet it.

The used multi checkbox filter will not receive the filter results from the master search box, and currently, it is the only option as the standard filter menu will receive all changes made in the data source even if they are set outside of the menu.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Grid
Asked by
Mike
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Mike
Top achievements
Rank 1
Share this question
or