Search the records in grid after immediate typing in search bar

This knowledge base explains the way to search the record value in grid after immediate typing in search box and how to cancel the searching after clicking the cancel icon in search box               

We can achieve this by binding “keydown” and “keyup” event for grid search text box in create event of grid.

HTML

JS

RAZOR

C#

ASPX

Immediate search can be done by using keydown, keyup event by passing the entered textbox value in the text boxvalue to to the search method of grid. Also uUsing clearSearching method it can be able towe can cancel clear the searching in grid while in the click event when clicking the cancel icon of search box.

Figure 1: Shows searcheding the grid records after entering the value in search box.

Figure 2: Sshows clear searchingentire grid records after clicking the cancel icon in search box.