使用asp.net中的jquery在textbox keypress上搜索gridview记录 [英] search gridview records on textbox keypress using jquery in asp.net

问题描述

我的jquery是

My jquery is

$(document).ready(function () {
              var rows;
           var coldata;
           $('#txtSearch').keyup(function () {
               $('#<%=gvCompanyListing.ClientID%>').find('tr:gt(0)').hide();
               var data = $('#txtSearch').val();
               var len = data.length;
               if (len > 0) {
                   $('#<%=gvCompanyListing.ClientID%>').find('tbody tr').each(function () {
                       coldata = $(this).children().eq(1);
                       var temp = coldata.text().toUpperCase().indexOf(data.toUpperCase());
                       if (temp===0) {
                           $(this).show();
                       }
                   });
               } else {
                   $('#<%=gvCompanyListing.ClientID%>').find('tr:gt(0)').show();
               }

           });

和我的html页面是

And my html page is

form id="form" runat="server" class="gridViewContainer">
        <input type="text" placeholder="Find" id="txtSearch" />
        <div style="height: 150px; width: 175px; overflow: auto;">
            <asp:GridView ID="gvCompanyListing" runat="server" AutoGenerateColumns="False" ShowHeader="False" GridLines="None">
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:CheckBox ID="cbSelect" CssClass="gridCB" runat="server" ItemStyle-Width="10%" ></asp:CheckBox>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="CompanyInfo" SortExpression="CompanyInfo" ItemStyle-Width="92%"></asp:BoundField>
                </Columns>
            </asp:GridView>
        </div>
    </form>

并且codebehind.cs页面包含

And codebehind.cs page contains

if (!this.IsPostBack)
           {
               DataTable dt = new DataTable();
               dt.Columns.AddRange(new DataColumn[1] { new DataColumn("CompanyInfo") });

               dt.Rows.Add("BETA NAME");
               dt.Rows.Add("XEROX NAME");
               dt.Rows.Add("GAMMA NAME");
               dt.Rows.Add("ALFA NAME");
               dt.Rows.Add("EMILI NAME");
               dt.Rows.Add("MANUAL NAME");
               dt.Rows.Add("CATHERIN NAME");
               dt.Rows.Add("MARIA NAME");
               dt.Rows.Add("MILAN NAME");
               dt.Rows.Add("RAPHEL NAME");
               dt.Rows.Add("JACOB NAME");
               gvCompanyListing.DataSource = dt;
               gvCompanyListing.DataBind();
           }

我的问题是关于按键事件它过滤数据，但它显示第一个数据和搜索数据。

（例如：单击文本上的'c'显示'BETA NAME;'CATHERIN NAME'）。

我将如何解决问题。

my issue is on keypress event it filters the data,but it displays first data and searched data.
(eg:on clicking 'c' on text it displays 'BETA NAME; and 'CATHERIN NAME').
how i will solve the issue.

推荐答案

（document）.ready（function（）{
var rows;
var coldata;

(document).ready(function () { var rows; var coldata;

（'＃txtSearch'）。keyup （function（）{

('#txtSearch').keyup(function () {

（'＃<％= gvCompanyListing.ClientID％>'）。find（'tr：gt（0）'）。hide（）;
var data =

('#<%=gvCompanyListing.ClientID%>').find('tr:gt(0)').hide(); var data =

这篇关于使用asp.net中的jquery在textbox keypress上搜索gridview记录的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！