如何使用jquery插件快速搜索特定的列

Question

我有一个gridview，我想应用jquery的快速搜索插件。我已经成功地实现了它。但我希望搜索应该只根据一个特定的列，如:-我有三列在一行。名字，姓氏，地址。现在我只想搜索名字。但通常快速搜索插件是从整个网格视图搜索。我已经从链接:-http://www.misfitgeek.com/2011/06/filtering-an-asp-net-gridview-control-with-jquery/

请尽快帮助我。

Answer 1

您可以定义自定义testQuery函数并根据行中的单元格索引进行筛选:

$("#<%= 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;
          }
     }
);

Answer 2

我知道我的代码在技术上不是很好，它只是完成了我的任务。我在这里写代码

<script type="text/javascript">

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

and in gridview:-

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