특정 열에 quicksearch jquery plugin을 사용하는 방법은 무엇입니까?

Question

jquery의 빠른 검색 플러그인을 적용하고자하는 gridview가 있습니다. 성공적으로 구현했습니다. 하지만 검색은 다음과 같이 특정 열에 따라 수행되어야합니다. - 행에 세 개의 열이 있습니다. 이름, 성, 주소. 이제 firstname 만 검색하고 싶습니다. 그러나 일반적으로 quciksearch 플러그인은 전체 gridview에서 검색하고 있습니다. 나는 링크에서 그것을했다 : - http://www.misfitgeek.com/2011/06/filtering-an-asp-net-gridview-control-with-jquery/

가능한 빨리 도와주세요. 미리 감사드립니다.

Answer 1

내가 기술적으로는 내 작업을 완료 내 코드는 좋지 않다 알고있다. 내가

<script type="text/javascript"> 


    $(document).ready(function() { 
     $("#ctl00_InnerBody_txtfirstnamesearch").quicksearch("table tbody tr", { 
      selector: 'span', 
      delay: 100, 
      loaderText: 'Loading...' 

     }); 
    }); 
</script> 

하고있는 gridview 여기에 코드를 쓰고 있어요 : -

<asp:TemplateField HeaderText="First Name"> 
<ItemTemplate> 
<asp:Label Text='<%# Eval("FirstName") %>' ID="lbl" runat="server"> 
</asp:Label> 
</ItemTemplate> 
</asp:TemplateField> 

Answer 2

당신은 행의 셀 인덱스에 의해 정의 testQuery의 finction 및 필터를 정의 할 수 있습니다 :

$("#<%= SearchTextBox.ClientID %>") 
.quicksearch("#<%= GridView1.ClientID %> tbody tr", 
    { 
      'testQuery': function (query, txt, row) { 
       return $(row).index() == 0 || // show header 
       $(row).children(":nth-child(3):contains('" + query[0] + "')").length > 0; 
      } 
    } 
);