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 很容易实现。这是基于通用主题。
以下是一些屏幕截图,显示了页面已加载以及我将区域向下拖动到右下角之后:
我所做的是:
使用模板“Blank with attributes”和静态 ID“container”创建一个“container”静态内容区域。这定义了可以拖动主要区域的区域。我发现没有这个它可以从一边拖到另一边OK,但是如果向下拖动它就会被剪裁。
将可拖动区域创建为静态 ID 为“dept-report-rgn”的“普通”APEX 区域:我根据 DEPT [=73] 创建了一个 classic 报告=].我把它作为容器区域的子区域,并在区域“CSS 类”属性(在“外观”下)分配了这些CSS classes "): ui-widget-content draggable-region
。 classui-widget-content
是jQuery需要的,draggable-region
是我自己发明的
在页面 属性“Javascript - 页面加载时执行”我添加了以下代码:
$( function() { $( ".draggable-region" ).draggable(); } );
这会将 jQuery draggable
功能应用于 任何 具有 class“可拖动区域”的元素。我可以通过选择“#dept-report-rgn”而不是 class 来定位我的特定区域。
在页面 属性“CSS - 内联”中,我添加了以下内容:
#container .container {height: 600px}
#dept-report-rgn { width: 300px; height: 300px; padding: 0.5em; }
第一行确保可拖动区域可以在其中移动的垂直方向space,第二行指定可拖动区域本身的大小。
这可能不是您所需要的,但它有望为您指明前进的方向。您可能还想查看 jQuery droppable and sortable 组件(例如)。
是否可以在客户端移动区域?我不是在讲页面 Designer/Grid 布局方面吗?
似乎没有关于是否可行的任何文档。
APEX 不支持“开箱即用”,但由于 APEX 使用 jQuery,因此使用 jQuery draggable functionality. I have set up an example you can see here on apex.oracle.com 很容易实现。这是基于通用主题。
以下是一些屏幕截图,显示了页面已加载以及我将区域向下拖动到右下角之后:
使用模板“Blank with attributes”和静态 ID“container”创建一个“container”静态内容区域。这定义了可以拖动主要区域的区域。我发现没有这个它可以从一边拖到另一边OK,但是如果向下拖动它就会被剪裁。
将可拖动区域创建为静态 ID 为“dept-report-rgn”的“普通”APEX 区域:我根据 DEPT [=73] 创建了一个 classic 报告=].我把它作为容器区域的子区域,并在区域“CSS 类”属性(在“外观”下)分配了这些CSS classes "):
ui-widget-content draggable-region
。 classui-widget-content
是jQuery需要的,draggable-region
是我自己发明的在页面 属性“Javascript - 页面加载时执行”我添加了以下代码:
$( function() { $( ".draggable-region" ).draggable(); } );
这会将 jQuery
draggable
功能应用于 任何 具有 class“可拖动区域”的元素。我可以通过选择“#dept-report-rgn”而不是 class 来定位我的特定区域。在页面 属性“CSS - 内联”中,我添加了以下内容:
#container .container {height: 600px}
#dept-report-rgn { width: 300px; height: 300px; padding: 0.5em; }
第一行确保可拖动区域可以在其中移动的垂直方向space,第二行指定可拖动区域本身的大小。
这可能不是您所需要的,但它有望为您指明前进的方向。您可能还想查看 jQuery droppable and sortable 组件(例如)。