ดู sourcePRint?1 <script type="text/javascript">
2 $(ฟังก์ชัน() {
3 $("#Text1").keyup(ฟังก์ชั่น() {
4 var filterText = $(this).val();
5 $("#<%=GridView1.ClientID %> tr").not(":first").hide().filter(":contains('" + filterText + "')").show(); ;
6 }).คีย์อัพ();
7 });
8 </สคริปต์>
แสดงให้เห็น:
สิ่งที่สำคัญที่สุดคือตัวเลือก JQuery:
1: $("#<%=GridView1.ClientID %> tr") เลือกแถวทั้งหมดของตาราง
2: not(":first"): ลบแถวส่วนหัวแรก;
3: filter(":contains('" + filterText + "')"): กรองบรรทัดที่มี filterText ในข้อความบรรทัดที่เลือกด้านบนออกแล้วแสดง
4: มีการเพิ่มประโยค keyup() สุดท้ายเพื่อกระตุ้นเหตุการณ์ keyup อีกครั้งหลังจากส่ง (แต่ที่นี่ไม่มีผลกระทบใด ๆ เนื่องจากการควบคุมไคลเอนต์ที่ฉันใช้ไม่มี ViewState
หากเป็นตัวควบคุมฝั่งเซิร์ฟเวอร์ คุณจะเห็นผลกระทบ)