为什么按钮控件需要单击两次？

Question

我有一个使用 VB 和 Ajax 运行的 Web 应用程序。 我使用 updatepanels 来避免回发到服务器时出现令人恼火的“闪烁”。

我希望在 updatepanel 本身内定义一个按钮控件（尝试将其移到外部并出现一些灾难性错误，因此将其留在那里），这使得当前面板不可见，而同级面板可见。 此方法有效，但必须单击该按钮两次。 不是双击，而是单击一次而不是再次单击。

在设置断点时，我发现附加到按钮后面的代码实际上是在第一次单击时执行的，但面板没有按预期切换。 如果我单击相同的按钮或更糟糕的是，单击不同的按钮，则会出现第二个面板的预期行为。 然而，当单击第二个按钮时，会显示第三个面板，而第三个面板由于单击第二个按钮而变得可见。

我假设此行为是由于 updatepanel 及其 Ajax 性质造成的。 有没有办法避免第二次点击？ 我是否滥用了更新面板？ 我真的很想使用模态弹出窗口（就在 AjaxToolKit 中），但在回发数据时遇到问题，所以我选择了这种方法。 任何见解、帮助，甚至批评都将受到欢迎，因为这已经困扰我很长时间了。 谢谢

Answer 1

尝试在创建动态控件时为其指定一个 ID。
出于某种原因，.net 要求动态控件在此上下文中工作。

myControl.id="newID"

Answer 2

正如其他人所说，更新面板仅更新其内容，这是使用它的主要好处之一。

Panel2 和 pnlPrvCmt 需要位于更新面板内，按钮单击方法才能正常工作。 另一种选择是将 Panel2 放入一个更新面板中，并将 pnlPrvCmt 放入第二个更新面板中。 然后，只要 UpdateMode=Always（默认情况下），任一更新面板内的任何控件都会导致两者刷新。

Answer 3

我发现这种情况发生在 2 种不同的场景下：

1. 控件上未设置 ID。 ID 未包含在标记中，或者创建动态控件时未设置 ID。 ASP.Net 使用 ID 来跟踪操作。

2. 嵌套的UpdatePanel。 场景：使用母版页时，您可能有一个包含在 UpdatePanel 中的内容占位符，以便页面内容中不需要 UpdatePanel。 然后，在开发页面时，您可能会按照习惯添加 UpdatePanel。

Answer 4

如果您去掉 UpdatePanels，PostBacks 的工作是否会按预期进行？ 您的 Page_Load 或链上的其他事件中的某些内容很可能在到达您的点击事件之前以某种方式“重置”。 可能是这样吗？

Answer 5

您的更新面板位于其他面板内。

应该反过来吗？ 据我所知，只有更新面板中的控件才会通过 AJAX 调用进行更新。

Answer 6

这是一个相当简单的解决方案。 （今天早上我遇到了同样的问题。）

UpdatePanel 无法渲染自身之外的内容。 因此，正如您所注意到的，更新正在发生，但您没有看到结果。

最简单的解决方案是强制完全回发。 您可以这样做：

protected override void OnInit(EventArgs e)
{
    var scriptManager = ScriptManager.GetCurrent(this);
    // or this.Page in a UserControl, etc.

    scriptManager.RegisterPostBackControl(someButton);
    scriptManager.RegisterPostBackControl(someOtherButton);
    // etc. for each control that needs to update something outside the UpdatePanel
}

这仍然允许 Ajax 在 UpdatePanel 中更新按钮本身（例如，将其状态更改为禁用或启用）。 仅当单击按钮时才会发生完整的回发。

Answer 7

我以前遇到过这个问题并解决了它，我只是不记得如何解决。 我会尝试找到我的旧代码并回复您。 想想看，您的脚本管理器中是否启用了 EnablePartialRendering？ 也许尝试将两个容器包装在第三个面板中。

Answer 8

我认为你的问题是方法执行后只有更新面板从服务器接收数据。 您尝试更改的面板位于更新面板之外，因此它不知道其属性已更改。

您要么需要进行整页回发，要么需要在更新面板中修改您想要修改的面板。