Question

I’ve got a ListView which contains edit,delete and add. All good here, however the List is too large and I would like give users a serach functionality with text box and button.

When user clicks on search button, List view gets filtered by search criteria.

could someone help me to achieve this please.
Thank you

Answer 1

Well, you have to know your underlying structure; say you are rendering a table, you need to write JavaScript to loop through each row and do something like:

$("#table").find("tbody > tr").each(function() {
    var row = this;
    //loop through the cells, do the string match
    var tds = $(this).find("td");
    //match the inner HTML of the td to the search criteria, depending on how
    //your search critiera is setup        

    //if not found
    $(this).css("display", "none"); //hide the row
});