使用 JavaScript 按钮单击加载多个 UpdatePanel 控件答案

【问题标题】：Load Multiple UpdatePanel Controls With JavaScript Button Clicks使用 JavaScript 按钮单击加载多个 UpdatePanel 控件
【发布时间】：2012-01-06 19:17:37
【问题描述】：

我在一个页面上有 3 个更新面板。它们中的每一个都设置为有条件地更新。在每个更新面板中，我都有一个按钮控件，单击该按钮控件时将在面板中填充数据。每个面板相互独立。

当您手动单击各自面板中的 3 个按钮中的每一个时，一切正常。当我使用 JavaScript 单击按钮时出现了我遇到的问题。执行单个 JavaScript 调用时我取得了成功，但是当我尝试使用 JavaScript 单击所有 3 个按钮时，事情的行为偶尔会发生。根据我在代码中放置 JavaScript 调用的位置，不同的面板可以工作，而其他的则不能。

例如：

__doPostBack('btnBindTeamTicketList', '');
__doPostBack('btnBindPriorityList', '');
__doPostBack('btnSearchTemplate', '');

将显示包含“btnSearchTemplate”按钮的面板，但不显示其他面板。当我改变顺序时会出现不同的结果。

有没有办法使用 JavaScript 单击我的 3 个独立按钮（每个按钮在其各自的面板中），以便每个面板都像我单独单击它们一样加载？我猜这与 AJAX 以某种方式相互冲突或时间问题有关。有人指出我正确的方向吗？

我正在使用 ASP.NET 3.5/C#

【问题讨论】：

标签： c# asp.net asp.net-ajax updatepanel

【解决方案1】：

我认为你应该做一个回发。在您的页面中放置一个隐藏的更新面板，并在这个新的更新面板中放置一个按钮。这个按钮应该调用事件

btnBindTeamTicketList_Click(null, null)
btnBindPriorityList_Click(null, null)
btnSearchTemplate_Click(null, null)

并且应该更新其他更新面板，例如 upTeamTicketList.Update()。现在尝试点击这个新按钮。

【讨论】：

您也可以退出更新面板并通过this article 开始使用jQuery AJAX。您可以在没有 ASP.NET 庞大的回发的情况下加载内容。