中继器中的 UpdatePanel 覆盖其下方的控件

Question

我有一个中继器，里面有一个 ASP.NET AJAX 1.0 UpdatePanel。 UpdatePanel 外部有一些按钮，但仍在中继器中。 当 UpdatePanel 内的一个部分出现时（它是一个隐藏的面板控件，当用户以某种方式回答问题时出现），底部的按钮就会消失。

这是一个例子。

[REPEATER]
  [UPDATEPANEL]
     [QUESTION]   <-- when user says yes, Panel appears
     [PANEL]
  [/UPDATEPANEL]
  [TABLE]         <-- This table is no longer visible.
     [Button]
  [/TABLE]
[/REPEATER]

如果我将表格移至页面顶部，内容不会消失，因此我怀疑这是样式问题，控件实际上在那里，但位于 UpdatePanel 内容的下方。 我尝试添加 就在桌子前，无济于事。

知道我该如何解决这个问题吗？

编辑：我有一个错误的缺少结束标记，导致 UpdatePanel 超出应有的范围，因此它隐藏了我的控件。 使用 Firefox 插件有助于识别这一点。

Answer 1

我的建议是在更新发生后使用 Firefox 和 Web Developer 工具栏查看生成的源代码或使用 Firebug 检查元素。 如果表格 html 仍在页面上，则可能是样式问题或面板中 HTML 格式错误的问题，导致表格无法正确呈现。 如果表 html 丢失，那么它会被 AJAX 回调从 DOM 中删除（或覆盖）。 您或许还可以使用 Firebug 来调试实际的 AJAX 回调，以查看实际替换的内容和时间。

如果您仍然无法弄清楚并需要更多输入，那么在问题更新之前和之后发布生成的 HTML 也会很有帮助。

Answer 2

将表格放入更新面板中，或将整个中继器放入一个更新面板中。

Answer 3

请注意，Clear 属性自 HTML 4.01 起已弃用 和 不包含在XHTML Strict - 您使用的是什么文档类型 - 如果您使用严格（并且您显然正在使用某种 XHTML，因为您已经关闭了 br），那么您的浏览器完全有权忽略明确的属性。

您最好使用 CSS 执行此操作：

<style type="text/css">
  .cleaner{
    clear: both;
  }
</style>

<br class="cleaner" />

此外，您可以尝试将 br 放在面板后面，以便它返回到 UpdatePanel 中并强制浏览器接受它。