view sourcePRint?1 <script type="text/javascript">
2 $(function() {
3 $("#Text1").keyup(function() {
4 var filterText = $(this).val();
5 $("#<%=GridView1.ClientID %> tr").not(":first").hide().filter(":contains('" + filterText + "')").show(); ;
6 }).keyup();
7 });
8 </script>
說明:
裡面最重要的就是JQuery的選擇器:
1:$("#<%=GridView1.ClientID %> tr")選擇表格的所有行;
2:not(":first"):除去第一行表頭行;
3:filter(":contains('" + filterText + "')"):從上面選取的行裡面篩選出行文字中包含filterText 的行顯示出來;
4:最後加一句keyup()是為了在提交後重新觸發keyup事件。 (但是這裡沒有作用因為我用的客戶端控制沒有ViewState
若是伺服器端控制就會看見他的作用)。