クライアント側でリージョンを移動できますか?私はページデザイナー/グリッドレイアウトに関して言及していませんか?オラクルのAPEXのドラッグ可能な領域
可能であれば、いかなる文書も存在しないようです。
クライアント側でリージョンを移動できますか?私はページデザイナー/グリッドレイアウトに関して言及していませんか?オラクルのAPEXのドラッグ可能な領域
可能であれば、いかなる文書も存在しないようです。
これはAPEXの「そのまま」サポートされていませんが、APEXはjQueryを使用しているため、jQuery draggable機能を使用して簡単に達成できます。私はあなたがhere on apex.oracle.comを見ることができる例を設定しました。これはユニバーサルテーマに基づいています。ここで
がロードされたように、ページを示すいくつかのスクリーンショットであり、私は右下にダウン領域をドラッグした後:作成しますテンプレート「空の属性」および静的ID「コンテナ」を持つ静的コンテンツ領域「コンテナ」。これは、メイン領域をドラッグできる領域を定義します。私はこれがなければ左右にドラッグすることができますが、下にドラッグするとクリップされてしまうことがわかりました。
静的IDが「dept-report-rgn」の「通常の」APEX領域として、ドラッグ可能な領域を作成します。DEPT表に基づいて古典的なレポートを作成しました。私はそれをコンテナ領域のサブ領域にし、これらのCSSクラスを "CSS Classes"プロパティ( "Appearance")の領域に割り当てました:ui-widget-content draggable-region
。クラスui-widget-content
はjQueryによって要求され、draggable-region
は私自身の発明です。
- 私は、次のコードを追加「Javascriptがページがロードされる時に実行」:
$(function() { $(".draggable-region").draggable(); });
この適用にjQueryのdraggable
機能クラス「ドラッグ可能領域」で任意の要素を。代わりにクラスの代わりに "#dept-report-rgn"を選択することで、私の特定の地域をターゲットにすることができました。ページプロパティで
"CSS - インライン" 私は、次を追加しました:
#container .container {height: 600px}
#dept-report-rgn { width: 300px; height: 300px; padding: 0.5em; }
最初の行は内ドラッグ可能な地域いくつかの垂直方向のスペースがあることを保証します移動可能で、2番目のフィールドはドラッグ可能な領域自体のサイズを指定します。
これはあなたが必要とするものではないかもしれませんが、うまくいく方法を示しています。また、jQuery droppableとsortableのコンポーネント(たとえば)を見たいかもしれません。