Oracle APEX 中的可拖动区域

Draggable Regions in Oracle's APEX

是否可以在客户端移动区域?我不是在讲页面 Designer/Grid 布局方面吗?

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

APEX 不支持“开箱即用”,但由于 APEX 使用 jQuery,因此使用 jQuery draggable functionality. I have set up an example you can see here on apex.oracle.com 很容易实现。这是基于通用主题。

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

我所做的是:

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

  2. 将可拖动区域创建为静态 ID 为“dept-report-rgn”的“普通”APEX 区域:我根据 DEPT [=73] 创建了一个 classic 报告=].我把它作为容器区域的子区域,并在区域“CSS 类”属性(在“外观”下)分配了这些CSS classes "): ui-widget-content draggable-region。 classui-widget-content是jQuery需要的,draggable-region是我自己发明的

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

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

    这会将 jQuery draggable 功能应用于 任何 具有 class“可拖动区域”的元素。我可以通过选择“#dept-report-rgn”而不是 class 来定位我的特定区域。

  4. 在页面 属性“CSS - 内联”中,我添加了以下内容:

    #container .container {height: 600px}

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

第一行确保可拖动区域可以在其中移动的垂直方向space,第二行指定可拖动区域本身的大小。

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