Làm thế nào để kích hoạt UpdatePanel bằng điều khiển TextBox?

Question

Hãy xem xét mã sau:

<label>Search:</label><asp:TextBox runat="server" ID="search" ClientIDMode="Static" OnKeyUp="$('#searchButton').click();" /><asp:Button runat="server" ID="searchButton" ClientIDMode="Static" /> 
<asp:UpdatePanel runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
     <asp:GridView runat="server" DataSourceID="EntityDataSource1" 
      AllowPaging="True" AllowSorting="True" AutoGenerateColumns="true" PageSize="20" 
      Width="400" /> 
    </ContentTemplate> 
    <Triggers> 
     <asp:AsyncPostBackTrigger ControlID="searchButton" /> 
    </Triggers> 
</asp:UpdatePanel> 

Nút này sẽ kích hoạt bản cập nhật của bảng điều khiển. Tôi muốn kích hoạt một bản cập nhật bằng một keydown của trường tìm kiếm, vì vậy tôi 'faking' nó với một câu lệnh jQuery nhấn vào nút đó. Tôi tự hỏi ... phải có một cách tốt hơn ... đúng không !?

Answer 1

Bạn có thể làm điều này để làm mới updatepanel của bạn mà không cần nút:

<script type="text/javascript"> 

    function refreshPanel() { 
     __doPostBack('<%= updatePanel.UniqueID %>', ''); 
    } 

</script> 
<label>Search:</label> 
<asp:TextBox runat="server" ID="search" 
       ClientIDMode="Static" OnKeyUp="refreshPanel();" /> 
<asp:UpdatePanel runat="server" ID="updatePanel"> 

Bạn chỉ cần cung cấp cho ID cập nhật của bạn một ID (updatePanel tại đây)

Thực thi mã đó trên khóa hoặc bất cứ khi nào bạn sẵn sàng.

Answer 2

Liên kết là một chút outdates, nhưng khá nhiều nên làm những gì bạn muốn:
http://remy.supertext.ch/2007/06/see-search-results-as-you-type-an-aspnet-ajax-control/