Question

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

请尽快帮助我。提前谢谢。

Answer 1

您可以定义自定义测试查询功能并按行中的单元格索引进行过滤：

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

并在gridview中： -

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

如何为特定列使用quicksearch jquery插件？

2 个答案: