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가 없기 때문에 여기서는 아무런 효과가 없습니다.
서버 측 컨트롤인 경우 해당 효과를 볼 수 있습니다.)