如何隐藏区域并在 Oracle apex 中单击按钮时取消隐藏？答案

【问题标题】：How to hide a region and unhide it on a button click in Oracle apex?如何隐藏区域并在 Oracle apex 中单击按钮时取消隐藏？
【发布时间】：2018-10-08 18:58:54
【问题描述】：

我想隐藏一个区域并在 Oracle apex 中单击按钮时取消隐藏它，但它在错误操作时显示错误，即在未定义任何条件的情况下。谁能帮我解决这个问题。问候，安舒尔·阿尤什亚

【问题讨论】：

标签： oracle oracle-apex oracle-apex-5

【解决方案1】：

一种简单的方法是创建两个按钮：一个用于隐藏区域，另一个用于显示区域。

使用默认设置创建它们；没什么特别的
为它们创建动态操作
- “隐藏”按钮应具有“隐藏”操作，它会影响名称从可用区域列表中选择的“区域”
- “显示”按钮应具有“显示”操作，它会影响名称与“隐藏”按钮名称相同的“区域”

运行页面并享受隐藏/显示区域的乐趣。

【讨论】：

显示如下错误：false action will only execute when dynamic action has a condition defined in where attribute.
那你做错了。在写我的信息时，我创建了一个例子，它工作正常。至于“虚假行动”：你为什么要创造它？我从来没有说过任何关于“虚假”行动的事情。一切都以“真实”的方式完成。
感谢您的回复,,,,,then I want that region to be hidden in when the page is loaded and when I press the button it should appear.
不客气。关于问题：创建一个隐藏该区域的 Page Load 动态操作。顺便提一下：注意按钮（你用来显示/隐藏它）显然不能在那个区域。

【解决方案2】：

你可以看看collapsible region。创建一个区域，外观需要设置为可折叠（您可以在模板选项下面配置选项）。某些类型的区域不提供可折叠（例如交互式报表），但您可以创建一个静态内容区域，使其可折叠并创建所需类型的子区域。你就完成了。

【讨论】：

【解决方案3】：

如果你只想有一个按钮来显示/隐藏区域，你也可以使用 jQuerys .toggle() 函数。为此，将静态 ID 添加到您的按钮并使用运行以下内容的 JavaScript 操作创建动态操作：

$("#<<STATIC_ID_OF_BUTTON>>").toggle();

这将在每次单击按钮时隐藏/显示您的区域。要加载隐藏的区域，只需为该区域添加以下 CSS：

#<<REGION_STATIC_ID>>{
    display:none;
}

使用.toggle()，您还可以添加选项，例如定义在切换操作完成后执行的函数或切换动画的持续时间，例如：

$("#<<STATIC_ID_OF_BUTTON>>").toggle({
    duration: 400,
    complete: () => {"do someting here"}
});

请参阅 .toggle() 函数的 jQuery 文档以获取完整的选项列表。

【讨论】：