根据文本框中的值输入搜索gridview?

时间:2012-11-15 12:09:54

标签: c# javascript jquery asp.net

我正在使用ASP.NET和C#。这是我的代码。

<asp:UpdatePanel ID="gridSearch" runat="server">
   <ContentTemplate>
      <asp:GridView ID="jobcardSearch" runat="server">                     
          <Columns>
             <asp:TemplateField>                
                <HeaderTemplate>                                                
                   <asp:LinkButton ID="LinkButton1" Text="First Name"
                   CommandName="sort" CommandArgument="FirstName" 
                   runat="server"></asp:LinkButton>                                                                 
                   <asp:TextBox ID="search" runat="server" Width="70px"></asp:TextBox>
               </HeaderTemplate>
               <ItemTemplate>
                  <%# Eval("FirstName")%>
               </ItemTemplate>
             </asp:TemplateField>       
           </Columns>
        </asp:GridView>
   </ContentTemplate>
</asp:UpdatePanel>

因此,在文本框中输入时,我需要过滤网格,然后我需要执行此操作而不进行回发。

2 个答案:

答案 0 :(得分:2)

您需要使用jQuery或JavaScript,而不是使用asp.net ajax面板。 This article可能会对您有所帮助。

答案 1 :(得分:0)

使用jquery处理文本框的按键事件并调用jquery函数然后调用webmethod并将文本框值传递给webmethod,然后根据搜索文本从数据库中过滤数据并将结果绑定到gridview。

参考检查以下链接:

http://shibashishdotnetocean.blogspot.in/2012/07/autocomplete-text-using-jquery-and-web.html

你也可以在javascript中使用pagemethod来调用webmethod而不是jquery web服务调用。

在上面的链接中只有chnaged不是创建Web服务而是在aspx.cs页面中添加 GetAllEmployees webmethod。

也使ScriptManager的EnablePageMethods为true。

<asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true" />

用于页面方法使用followig链接:

http://decoding.wordpress.com/2008/11/14/aspnet-how-to-call-a-server-side-method-from-client-side-javascript/