Kendo Grid - Global search not working

[Michael]

I have kendo grid, which has 1000+ records. I want to select row which is present in page 33.  I achieve this 

....
$scope.grid = $("#grid").data("kendoGrid");

var index = $scope.grid.dataSource.indexOf(rowData);
var page = Math.floor(index / $scope.grid.dataSource.pageSize());
$scope.grid.dataSource.page(++page);

var targetIndex = index - (page * $scope.grid.dataSource.pageSize());
var row = $("#grid").find("tr:eq(" + targetIndex + ")");
$scope.grid.select(row);
$scope.grid.content.scrollTop($(row).position().top);
...

The above code working perfectly. Then I'm trying to apply global search which is filters data, but nothing shown in the user interface.

function applyGlobalFilter(gridData, searchText) {
     gridData = $filter('filter')(gridData, searchText);
     $scope.grid.dataSource.data(gridData);
}

Thanks in advance

[Georgi]

Hi Michael,

Thank you for hte provided code.

I have investigated it and I assume that filter function does not return any records and then an empty array is passed to the dataSource.

For filtering the Kendo Grid I recommend you to use the API of the dataSource (filter method).

e.g.

function applyGlobalFilter(gridData, searchText) {
     $scope.grid.dataSource.filter({field: 'FieldName', operator: 'contains', value: searchText});
}

Regards,
Georgi
Progress Telerik

[Michael]

How do we apply global search in grid? it should apply to all the columns which is present in grid. We have n number of columns, it could hide/show depends on user preference. So we must filter the records with only columns present in grid. 

Thanks.

[Georgi]

Hi Michael,

Thank you for the update.

Please refer to the following article which demonstrates how to create a global search for the Kendo Grid:

• https://docs.telerik.com/kendo-ui/knowledge-base/filter-all-columns-with-one-textbox

Regards,
Georgi
Progress Telerik

[shah]

Hi Sir !
I have an issue in Kendo grid Search panel. i implement the code for search panel but it shows Search button instead of Search panel
in Asp.net Core
Note: UI version: telerik.ui.for.aspnet.core -Version 2019.3.917. 
snapshot is attached

[shah]

Hi Sir !
I have an issue in Kendo grid Search panel. i implement the code for search panel but it shows Search button instead of Search panel
in Asp.net Core
Note: UI version: telerik.ui.for.aspnet.core -Version 2019.3.917. 
snapshot is attached

[Georgi]

Hello Shah,

Thank you for the provided screenshot,  indeed the search panel should not render a button. However with the current information it would be hard to pinpoint the exact cause. Could you please provide us with little more details - the configuration of the grid?

The same seems to work correctly in our demos:

• https://demos.telerik.com/aspnet-core/grid/search-panel

Having said that, sharing a demo that clearly replicates the issue would definitely help us fully understand the case and we will be able to provide further assistance to the best of our knowledge.
 

Regards,
Georgi
Progress Telerik