如何通过 TextBox 控件触发 UpdatePanel？答案

【问题标题】：How to trigger an UpdatePanel by a TextBox control?如何通过 TextBox 控件触发 UpdatePanel？
【发布时间】：2012-01-05 03:44:43
【问题描述】：

考虑以下代码：

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

该按钮将触发面板的更新。我想通过搜索字段的按键触发更新，所以我用点击按钮的 jQuery 语句来“伪造”它。我在想……一定有更好的方法……对吧！？

【问题讨论】：

这可能会帮助你stackoverflow.com/questions/1009086/…
@Kiran 搜索字段位于更新面板之外，这使得问题 1009086 完全不同，因为如果我使用自动提交，页面将被提交。也许 Remy 是对的，我应该为它编写自己的控件吗...
是的，我也同意。因为我现在也在做同样的事情，这可能是他的权利。
@KeesC.Bakker，因此我认为假装点击触发器没有任何问题。 UpdatePanel 模型通过捕获表单提交来工作——根据有效提交触发器维护的地图检查导致提交的元素。除非您想依赖 IMO 的 UpdatePanel 的内部工作，否则伪造触发点击似乎是一个不错的非侵入式解决方案。

标签： asp.net ajax triggers updatepanel ajax.net

【解决方案1】：

您可以这样做以在不使用按钮的情况下刷新更新面板：

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

您只需要为您的更新面板提供一个 ID（此处为更新面板）

在按键或准备就绪时执行该代码。

【讨论】：

提交页面。我想做一个不会导致页面刷新的 AJAX 回传。
原来不能设置为 OnKeyUp 属性 :(
@KeesC.Bakker：只需将代码放在一个单独的函数中，然后在您的 keyup 中调用该函数即可。

【解决方案2】：

该链接有点过时，但应该可以满足您的要求：
http://remy.supertext.ch/2007/06/see-search-results-as-you-type-an-aspnet-ajax-control/

【讨论】：

我不知道，但我的代码几乎可以满足您的需求，不是吗？
是的。我想将 DelayedSubmitExtender 和 TextBox 合并到一个控件中，这样它就可以作为触发器选项一起工作。