Как использовать плагин quicksearch jquery для определенного столбца? - PullRequest
Новая
       31

Как использовать плагин quicksearch jquery для определенного столбца?

2 голосов
/ 31 октября 2011

У меня есть gridview, к которому я хочу применить плагин быстрого поиска jquery. Я успешно его реализовал Но я хочу, чтобы поиск проводился только по определенному столбцу, например: - У меня три столбца подряд. имя, фамилия, адрес. Теперь я хочу искать только имя. Но обычно плагин quciksearch выполняет поиск по всей сетке. Я сделал это по ссылке: - http://www.misfitgeek.com/2011/06/filtering-an-asp-net-gridview-control-with-jquery/

Пожалуйста, помогите мне как можно скорее. Заранее спасибо.

Ответы [ 2 ]

1 голос
/ 31 октября 2011

Вы можете определить пользовательское определение 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;
          }
     }
);
0 голосов
/ 31 октября 2011

я знаю, что мой код технически не очень хорош, он только что выполнил мою задачу. я пишу код здесь 

<script type="text/javascript">


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

        });
    });
</script>

и в виде сетки: - 

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