Jquery quicksearch搜索结果不匹配

时间:2014-05-15 04:00:23

标签: jquery asp.net search gridview

我使用" quicksearch"在网格视图中实现搜索它非常棒的图书馆。

之前我使用过这个库,之前我没有遇到任何问题,当我尝试使用它时,我似乎无法使它工作

我真的希望有人可以指出我可能做错了什么。

以下是代码:

  <script type="text/javascript" src="../../../js/jquery.js" language="javascript"> </script> 
  <script type="text/javascript" src="../../../js/quicksearch.js"   language="javascript"></script>
  <script type="text/javascript" language="javascript">

 $(function () {
        $('.search_textbox').each(function (i) {
            $(this).quicksearch("[id*=<%=dgridTest.ClientID%>] tr:not(:has(th))", {
                'testQuery': function (query, txt, row) {
                    return $(row).children(":eq(" + i + ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
                }
            });
        });
    });

我的HTML页面:

 <asp:GridView 
            ID="dgridTest" 
            runat="server"  
            UseAccessibleHeader="true"
            AutoGenerateColumns="False" 
            DataKeyNames = "Name" 
            PageSize="15" 
            OnRowCommand="dgridEmpleados_RowCommand" 
            Font-Size="Small" 
            BackColor="LightGoldenrodYellow" 
            BorderColor="Tan" 
            BorderWidth="1px" 
            CellPadding="2" 
            ForeColor="Black" 
            GridLines="None"  >

           <Columns>
      <asp:TemplateField HeaderText="Name" 
      HeaderStyle-HorizontalAlign="Left" Visible="True"> 
        <FooterTemplate> 
      <asp:Label 
       ID="lblNuemeroPer" 
        runat="server" 
          Text="">
                        </asp:Label> 
         </FooterTemplate> 
           <ItemTemplate> 
   <asp:Label 
         ID="lblNumPer" 
        runat="server" 
          CssClass="label label-success" 
          Font-Size="Small" 
          Text ='<%#Bind("Name") %>'>
                 </asp:Label> 
</ItemTemplate>                              
  <HeaderStyle HorizontalAlign="Left"></HeaderStyle>
        <HeaderTemplate >
    <asp:Label 
     ID="lblsearch " 
      runat="server" 
      Text="No. Permiso">
      </asp:Label>
      <input id="txtSearch " 
          type="text" 
       class="search_textbox" 
       maxlength="30"
          style="color:#777777; 
      width:150px; 
      background-image:url(../../Images/Search.png); background-position:right; 
   background-repeat:no-repeat;"   />

          

这是我的搜索框字段: first image

当我尝试搜索某些东西时,什么都没有出现。

enter image description here

1 个答案:

答案 0 :(得分:-1)

     $(function ()

     {   

    $('.search_textbox').each(function (i) {

    $(this).quicksearch("[id*=dgridTest] tr:not(:has(th))", {

            'testQuery': function (query, txt, row) {

    return $(row).children(":eq(" + i + 

    ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;

 }

        });


    });

});

试试这个......