如何对特定列使用 Quicksearch jquery 插件？

发布于 2024-12-13 03:23:07 字数 376 浏览 0 评论 0原文

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

悟红尘 2024-12-20 03:23:07

您可以定义自定义 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;
          }
     }
);

You may define custom testQuery finction and filter by cell index in row:

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

回复收藏 0 原文

只有一腔孤勇 2024-12-20 03:23:07

我知道我的代码在技术上并不好，它刚刚完成了我的任务。编写代码：-

<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>

i know my code is not good technically its just completed my task. i am writing the code here

<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>

回复收藏 0 原文

~没有更多了~