オラクルのAPEXのドラッグ可能な領域

Question

クライアント側でリージョンを移動できますか？私はページデザイナー/グリッドレイアウトに関して言及していませんか？

可能であれば、いかなる文書も存在しないようです。

Answer 1

これはAPEXの「そのまま」サポートされていませんが、APEXはjQueryを使用しているため、jQuery draggable機能を使用して簡単に達成できます。私はあなたがhere on apex.oracle.comを見ることができる例を設定しました。これはユニバーサルテーマに基づいています。ここで

がロードされたように、ページを示すいくつかのスクリーンショットであり、私は右下にダウン領域をドラッグした後：

私がやったことだった。

1. 作成しますテンプレート「空の属性」および静的ID「コンテナ」を持つ静的コンテンツ領域「コンテナ」。これは、メイン領域をドラッグできる領域を定義します。私はこれがなければ左右にドラッグすることができますが、下にドラッグするとクリップされてしまうことがわかりました。

2. 静的IDが「dept-report-rgn」の「通常の」APEX領域として、ドラッグ可能な領域を作成します。DEPT表に基づいて古典的なレポートを作成しました。私はそれをコンテナ領域のサブ領域にし、これらのCSSクラスを "CSS Classes"プロパティ（ "Appearance"）の領域に割り当てました：ui-widget-content draggable-region。クラスui-widget-contentはjQueryによって要求され、draggable-regionは私自身の発明です。

   ページプロパティで

3. - 私は、次のコードを追加「Javascriptがページがロードされる時に実行」：

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

   この適用にjQueryのdraggable機能クラス「ドラッグ可能領域」で任意の要素を。代わりにクラスの代わりに "＃dept-report-rgn"を選択することで、私の特定の地域をターゲットにすることができました。ページプロパティで

4. "CSS - インライン" 私は、次を追加しました：

   #container .container {height: 600px}

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

最初の行は内ドラッグ可能な地域いくつかの垂直方向のスペースがあることを保証します移動可能で、2番目のフィールドはドラッグ可能な領域自体のサイズを指定します。

これはあなたが必要とするものではないかもしれませんが、うまくいく方法を示しています。また、jQuery droppableとsortableのコンポーネント（たとえば）を見たいかもしれません。