在 UpdateProgress 期间隐藏 UpdatePanel

Question

我正在寻找在等待提交响应返回时隐藏 UpdatePanel 的最简单方法。 像这里描述的那样 - 使用 Ajax Control Toolkit 和 UpdatePanelAnimationExtender 既矫枉过正，又会导致一些问题，即：

• 因为页面中有几个隐藏的面板，所以它会变得混乱并隐藏错误的面板。我不知道为什么会发生这种情况；
• 我找不到一种方法来指定只有一个按钮应该触发动画。我确实在 UpdatePanel 中指定了 a，但似乎被忽略了，面板内的所有控件都会触发动画。

一个简单的 JavaScript 解决方案将是理想的。这里的问题是 ASP.NET 喜欢在运行时为控件生成奇怪的 ID。有什么解决办法吗？

提前致谢。

Answer 1

处理 PageRequestManager beginRequest 和 endRequest 事件以控制 UpdatePanel 在回发期间的可见性：

    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(
        function (sender, args) {
            $get("<%=someUpdatePanel.ClientID %>").style.display = "none";
        }
    );
    prm.add_endRequest(
        function (sender, args) {
            $get("<%=someUpdatePanel.ClientID %>").style.display = "";
        }
    );

同时将 DisplayAfter="0" 添加到关联的 UpdateProgress 控件，以防止 UpdatePanel 隐藏和 UpdateProgress 显示之间的延迟

Answer 2

我建议使用 jQuery。这会让你的事情变得更容易。因此，为了解决“奇怪的 ID”问题，您可以像这样执行一些 jQuery：

$('#<%= someASPControl.ClientID %>').hide();

并显示：

$('#<%= someASPControl.ClientID %>').show();

这是使用 jQuery 通过 id 获取元素，然后您可以用它做您想做的事情。诀窍是“.ClientID”将获取.net 发出的 ID。

Answer 3

您可以在 html 页面中使用代码标签，并使用控件的 ClientId 属性来吐出 asp.net 生成的 id：

$('#<%= elementName.ClientID %>').hide();

编辑：此示例使用 jQuery btw