问Oracle的APEX中的可拖区域

EN

在APEX中不支持“开箱即用”，但是由于APEX使用jQuery，使用jQuery拖曳功能很容易实现。我已经树立了一个例子，你可以看到在apex.oracle.com上。这是以普遍主题为基础的。

下面是一些屏幕截图，显示页面已加载，并且在我将区域拖到右下角之后：

​

​

​

我所做的是：

1. 创建带有模板的“容器”静态内容区域“带有属性的空白”和静态ID“容器”。这定义了可以拖动主区域的区域。我发现如果没有这个，它可以从一边拖到另一边，好的，但是如果向下拖动，它就会被剪裁。
2. 将拖放区域创建为“普通”APEX区域，具有静态ID“”：我选择了一个基于DEPT表的经典报告。我将其设置为容器区域的一个子区域，并在"CSS类“属性(在”出现“下)：ui-widget-content draggable-region中分配了这些CSS类。ui-widget-content类是jQuery所必需的，draggable-region是我自己的发明。
3. 在页面属性"Javascript -在页面加载时执行“中，我添加了以下代码： $( function() { $( ".draggable-region" ).draggable(); } ); 这将jQuery draggable功能应用于具有类“可拖-区域”的元素。相反，我可以通过选择“#dept report-rgn”而不是类来针对我的特定区域。
4. 在页面属性“following”中，我添加了以下内容： #container .container {height: 600px} #dept-report-rgn { width: 300px; height: 300px; padding: 0.5em; }

第一行确保有一些垂直空间，可拖动区域可以在其中移动，第二行指定可拖动区域本身的大小。

这可能不完全是你所需要的，但希望它给你指明了前进的道路。您还可能希望查看jQuery、可下垂和可排序组件(例如)。