aspx使用javascript的GridView過濾器

Question

我正在使用Asp.net c＃代碼，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的需要

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