aspx GridView filter with javascript

Question

私はasp.netをC＃code、VS 2010と共に使用しています。 メンバーリストを表示するgridviewのあるページがあります。私は任意のajaxなしでユーザーの種類としてグリッドの行をフィルタするためにJavaScriptを使用したいと思います。たとえば、ユーザーが "Jo"と入力した場合、 "John"と "Jonny"の行は残り、他の行はフィルタリングされます。

ありがとうございました。

Answer 1

この場合、JQueryはあなたの友人になるでしょう。 www.jquery.com 一般的な使い方については、いくつかのチュートリアルを試してみてください。 Initスクリプトのリファレンスで、これらの文字を含むすべてのTDを直接検索し、 ".each（）。remove（this）;"を追加します。

それ以外のコードを貼り付けてください。

LG ジョナスPlitt

Answer 2

Here'sあなたのページの頭の中で上記のコードセグメントを含むか、.jsファイルを起動した後、あなたは、あなたがする必要があるすべてのその後

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(); 
        } 
       }; 
      }); 
     }); 
    }); 
}; 

を必要とするものの実例グリッドを積極的にフィルタリングするテキストボックスごとに以下を呼び出してください：

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