2012-03-03 19 views
10

グリッドビューコントロールでクエリのテキストを強調表示するにはどうすればよいですか?グリッドビュー内の単語を強調表示するには

+0

コードは明らかに同じではないだろうが、私は(何もしゃれが意図していない)の基本的なアプローチ強調し、数年前に簡単な記事を書いてます。http: //classicasp.aspfaq.com/general/how-do-i-highlight-words-in-a-string.html –

+0

これは、達成するために少しのコードが必要な場合があるので、以下をご覧ください。http:// evonet .com.au/gridview-with-highlighted-search-results/ – skub

+0

これはどのように説明します:http://forums.asp.net/t/1109807.aspx/1?Highlighting+result+in+GridView –

答えて

2

あなたは、このクライアント側の操作を行いたい場合は、この手順に従ってください。

は、テキスト入力がtxt_Searchをcallesあなたpage.addにjQueryの参照を追加します。その後、

と、このスクリプトを使用します。

$(document).ready(function() { 
      $('#txt_Search').keyup(function() { 
       searchTable($(this).val()); 
      }); 

      function searchTable(inputVal) { 
       var table = $('#GridView1'); 
       table.find('tr').each(function (index, row) { 
        var allCells = $(row).find('td'); 
        if (allCells.length > 0) { 
         var found = false; 
         allCells.each(
      function (index, td) { 
       var regExp = new RegExp(inputVal, 'i'); 
       if (regExp.test($(td).text())) { 
        found = true; 
        return false; 
       }}); 
         if (found == true) $(row).show(); else $(row).hide(); 
        } 
       }); 
      } 
     }); 
-4

テキストドレス<label>のようなタグでそれらを検索し、ラベルのハイライトスタイルを追加することを忘れないでください。

+0

私はしませんわかる –

0
var gv = document.getElementById("#GridView1"); 

    for (var i = 0; i < gv.all.length; i++) { 
var cellValue = grid.rows[i].cells[0].elements[0]; 
cellValuestyle.background = '#DD00DD'; 
} 
関連する問題