tables_jquery の単純なフィルタリングを実装するための JQuery に基づくコード文-jsチュートリアル-php.cn

tables_jquery の単純なフィルタリングを実装するための JQuery に基づくコード文

WBOY

リリース： 2016-05-16 18:22:31

オリジナル

1088 人が閲覧しました

效果图:
tables_jquery の単純なフィルタリングを実装するための JQuery に基づくコード文
代:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="JqueryTableFilter.aspx.cs" Inherits="JqueryTableFilter" %>

JQuery代码：

复制代代码如下:

 
$(function() { 
$("#Text1").keyup(function() { 
var filterText = $(this).val(); 
$("#<%= GridView1.ClientID %> tr").not(":first").hide().filter(":contains('" filterText "')").show();; 
}).keyup( ); 
}); 

里面で最も重要なのは JQuery の選択器:

1:$("#<%=GridView1.ClientID %> tr") 選択表格的すべての行；
2：not(":first")：削除第一行表头行；
3：filter(":contains('" filterText "')"):从上所选择的行ここでは、filterText を含む行表示を選択します。
4: 最後に追加された句 keyup() は、接続後に keyup イベントを再度起動するためのものです。

JQuery の選択肢の多さにより、このような単一のクライアントの単一の選択を保存できると考えられます。插件
は私たちの選択を提供しますが、このような単純な機能を使用するために、JavaScript のファイルを追加することはありません。
作成者:
破浪