問題タブ [jquery-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
116 参照

javascript - div から div への角度移動ディレクティブ

私のプロジェクトに問題があります。次のようなものがあります。

http://plnkr.co/edit/deBMT5DAaoU47t4RxDhK?p=preview

右側のペインにはネスト ディレクティブがほとんどなく、最後のディレクティブには最大化するオプションがあります。中央ペインでこのディレクティブを最大化する必要があります。おそらく、空の div 親 div 非表示を埋めたいと思います。ディレクティブには、表示に必要なデータとjqueryプラグインなどがあるため、このようなものが必要です。しかし、どうすれば誰かが私を助けることができるのかわかりませんか?

0 投票する
1 に答える
1027 参照

javascript - jquery レイアウト ui を使用してアプリケーションの一部をドッキングおよびドッキング解除したい

私はこれを長い間研究してきましたが、このトピックはコーディングの世界では非常に過小評価されているようです. アプリケーションで Jquery Layout UI を使用していますが、

http://layout.jquery-dev.com/

そして、南と中央のペインしかありません。開発ツールがブラウザーの下部からドッキングを解除して独自のウィンドウになる方法と同様に、南ペインを「ドッキング解除」できるようにしたいと考えています。すなわち

ドッキング領域のあるブラウザ ウィンドウ ドッキング解除をクリック

ドッキングされていない別のウィンドウ

ドッキング ウィンドウのないブラウザ ウィンドウ

devTools を調べて、そこにある利用可能なコードからヒントを得ることができるかどうかを確認しようとしましたが、有用なものを見つけることができませんでした。これをどのように達成できるかについてのアイデアはありますか、またはオンラインのどこかにコード例があり、何らかの形で見逃した可能性がありますか? 繰り返しますが、私のアプリケーションは jquery レイアウト UI を使用しており、「ドッキング解除」してドッキングできるようにしたい南部リージョンを使用しています。

レイアウトテンプレートの例

0 投票する
2 に答える
765 参照

javascript - jquery レイアウトのカスタム トグル

私はlayout.jqueryプラグインを使用しています。Waste Pane 用のカスタム トグルを作成しようとしています。回転したテキスト div をトグルとして作成するにはどうすればよいですか。以下の添付画像を参照してください。 ここに画像の説明を入力

JSFIDDLE: https://jsfiddle.net/kap0e06s/3/

HTML:

JS:

0 投票する
1 に答える
385 参照

javascript - jQuery Layout: パネルの更新/再描画/サイズ変更 (ヘッダーまたはフッターを非表示/表示した後)

サイトのドキュメントに示されているように、標準の jQuery レイアウト (北、南、西、東、中央) を使用しています。

西パネルと中央パネルの両方に、ヘッダーとフッターのペインがあります。

ヘッダーやフッターを一時的に「非表示」にして、最終的にある時点で再び表示する必要があることを除いて、すべてが正しく機能しています。

ヘッダー ペインとフッター ペインをプログラムで非表示/表示する方法がわからないため、基本的な jQuery に戻ります。

次の関数を作成しました。

そして、私はそれを次のように呼びます:

ヘッダーを非表示にすると、フッターが同等のスペースだけ上に移動することを除いて、すべてがうまく機能します。中央のパネル自体が「更新」または「再描画」されていないようです。変更されたパネルを正しく再描画したいのですが、jQuery レイアウトにその方法を伝える方法がわかりません。

jQuery レイアウトは、パネルを非表示/表示する次の API を提供することを知っています。

しかし、ペイン (ヘッダー/フッター) には何も存在しないようです。

herelayout.resizeContent("west");に記載されているように、動作しないようで、例外がスローされることに注意してください。Uncaught TypeError: layout.resizeContent is not a function

どんな助けでも大歓迎です。


更新:これlayout.sizePane('north', 100);は実際に機能することがわかりました。

ちなみに使ってるjquery.layout 1.4.3

0 投票する
2 に答える
294 参照

javascript - サイズ変更中にパネルのサイズを取得するには?

複数パネルの jQuery レイアウトがあり、サイズ変更中の中央パネルのサイズを知りたいです。document.ready 関数は次のようになります。

resizeInnerLayout 関数は次のとおりです。

html は次のとおりです。

Javascript は svg 内に d3 チャートを配置します。ユーザーが分割バーをスライドさせたときにサイズが変更されるので、それに応じてチャートのサイズを変更できるように、div のサイズを知る必要があります。現在、console.log には何も出力されません。

また、次のように関数を layoutpaneresize イベントにバインドしようとしました。

しかし、何も出力しません。これもしませんでした:

これは機能しますが、ウィンドウ内のスプリッターのサイズが変更された場合ではなく、ブラウザー ウィンドウのサイズが変更された場合にのみ機能します。それでも、サイズ変更を開始するとサイズが報告されますが、サイズが変化し続けると更新されません。

何か案は?