sourcePRint?1 を表示 <script type="text/javascript">
2 $(関数() {
3 $("#Text1").keyup(function() {
4 var filterText = $(this).val();
5 $("#<%=GridView1.ClientID %> tr").not(":first").hide().filter(":contains('" + filterText + "')").show(); ;
6 }).keyup();
7 });
8 </スクリプト>
例証します:
最も重要なのは JQuery セレクターです。
1: $("#<%=GridView1.ClientID %> tr") はテーブルのすべての行を選択します。
2: not(":first"): 最初のヘッダー行を削除します。
3: filter(":contains('" + filterText + "')"): 上で選択した行テキストから filterText を含む行をフィルタリングして表示します。
4: 送信後に keyup イベントを再トリガーするために、最後の keyup() 文が追加されます。 (ただし、使用するクライアント コントロールには ViewState がないため、ここでは効果がありません。
サーバー側コントロールの場合は、その効果が表示されます)。