Monday, July 18, 2016

Adding a Search box to a Kendo UI Grid

I was recently working on implementing search functionality for the Kendo UI Grid based  on a set of JavaScript grid controls such as this: https://datatables.net/

If you look at the Search functionality implemented in these controls, you will notice that the search functionality is very nice in that it can readily search all of the columns and text in the controls just by typing some search text.

Unfortunately, the Kendo UI Grid control does not offer the same functionality out-of-the-box.  While filtering is available, it does not provide the exact same set of functionality as provided by the search text box in the Data Tables controls.

Competing companies such as DevExpress already provide this functionality out-of-the-box with their controls: http://demos.devexpress.com/MVCxGridViewDemos/Filtering/SearchPanel

However, with the Kendo UI Grid control, you have to go and roll your own solution to accomplish this by following one of the following posts:

https://telerikhelper.net/2014/10/21/how-to-external-search-box-for-kendo-ui-grid/

http://www.telerik.com/forums/grid-with-filterable-and-external-search-inptus

If you want to see a demo of this functionality, you can check it out here: http://dojo.telerik.com/idOVU

If you would like to see this feature included in an upcoming release of the Telerik Kendo UI Grid control, you can vote for this UserVoice item here: http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/8441518-grid-simple-search-panel


No comments:

Post a Comment