aspx GridView фильтр с javascript

Question

Я использую Asp.net с кодом C#, VS 2010. У меня есть страница с gridview, которая показывает список участников. Я хотел бы использовать javascript без какого-либо ajax для фильтрации строк в сетке в качестве типа пользователя. Например, если пользователь набрал «Jo», тогда строки с «John» и «Jonny» останутся, а остальные будут отфильтрованы.

Спасибо.

Answer 1

Для этого JQuery будет вашим другом в этом случае. www.jquery.com Попробуйте некоторые учебные пособия для общего использования. Затем в ссылке Init Script ссылается Объект, непосредственно ищет все TD с этими буквами и добавляет «.each(). Remove (this);»

Должен работать, иначе вставьте еще немного кода.

LG Jonas Plitt

Answer 2

Here's рабочий пример того, что вам нужно

function SetupFilter(textboxID, gridID, columnName) { 
    $('#' + textboxID).keyup(function() { 
     var index; 
     var text = $("#" + textboxID).val(); 

     $('#' + gridID + ' tbody tr').each(function() { 
      $(this).children('th').each(function() { 
       if ($(this).html() == columnName) 
        index = $(this).index(); 
      }); 

      $(this).children('td').each(function() { 
       if ($(this).index() == index) { 
        var tdText = $(this).children(0).html() == null ? $(this).html() : $(this).children(0).html(); 

        if (tdText.indexOf(text, 0) > -1) { 
         $(this).closest('tr').show(); 
        } else { 
         $(this).closest('tr').hide(); 
        } 
       }; 
      }); 
     }); 
    }); 
}; 

Тогда все, что вам нужно сделать, после того, как вы включите выше фрагмент кода в вашей странице главы или стартапа .js файл необходимо вызвать ниже для каждого текстового поля, которое вы хотите активно фильтровать в своей сетке:

$(function() { SetupFilter("myTextBox", "myGridView", "My Column Name"); });