Oracle的APEX中的可拖动区域

Question

是否可以在客户端移动区域？我不是在页面设计器/网格布局方面发言？

如果可能的话，似乎没有任何文件。

Answer 1

APEX中不支持“开箱即用”，但由于APEX使用jQuery，因此使用jQuery draggable功能很容易实现。我已经设置了一个示例，您可以看到here on apex.oracle.com。这是基于环球主题。

以下是一些屏幕截图，显示了加载的页面以及将区域向下拖动到右下角之后：

我做的是：

1. 使用模板“Blank with attributes”和静态ID“container”创建“容器”静态内容区域。这定义了可以拖动主区域的区域。我发现没有它可以从一边拖到另一边OK，但如果向下拖动就会被夹住。

2. 将可拖动区域创建为具有静态ID“dept-report-rgn”的“普通”APEX区域：我选择了基于DEPT表的经典报告。我使它成为容器区域的子区域，并在区域“CSS类”属性（在“外观”下）中分配了这些CSS类：ui-widget-content draggable-region。 jQuery需要类ui-widget-content，而draggable-region是我自己的发明。

3. 在页面属性“Javascript - 页面加载时执行”中，我添加了以下代码：

   $( function() { $( ".draggable-region" ).draggable(); } );

   这将jQuery draggable功能应用于任何元素和“draggable-region”类。我可以通过选择“#dept-report-rgn”而不是班级来定位我的特定区域。

4. 在页面属性“CSS - Inline”中，我添加了以下内容：

   #container .container {height: 600px}

   #dept-report-rgn { width: 300px; height: 300px; padding: 0.5em; }

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

这可能不是您所需要的，但它希望向您展示前进的方向。您可能还想查看jQuery droppable和sortable组件（例如）。