oracle-apex - Oracle APEX 中的可拖动区域

Question

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

似乎没有关于是否可能的任何文档。

Answer 1

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

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

我所做的是:

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

2. 将可拖动区域创建为静态 ID 为“dept-report-rgn”的“正常”APEX 区域:我选择了基于 DEPT 表的经典报告。我将其作为容器区域的子区域，并在区域“CSS 类”属性(在“外观”下)中分配了这些 CSS 类:ui-widget-content draggable-region。 ui-widget-content类是jQuery需要的，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 { 宽度:300px；高度:300px；填充:0.5em； }

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

这可能不是您所需要的，但它有望为您指明前进的方向。您可能还想查看 jQuery droppable和 sortable组件(例如)。