通过 JavaScript 按钮单击加载多个 UpdatePanel 控件

Question

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

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

例如：

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

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

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

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

Answer 1

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

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

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