問題タブ [jquery-layout]

Angularjs typeahead ディレクティブを jquery レイアウト プラグインと組み合わせて使用​​しています。ここに私が取り組んでいるアプリへのリンクがあります。入力ボックスにアドレスを入力すると、オートコンプリート結果のリストがリサイズの後ろに隠れてしまいます。オートコンプリート リストとペイン リサイザーの両方の z-index プロパティを変更しようとしましたが、何も機能していないようです。これを解決する最善の方法は何ですか?

jQuery レイアウトで jqGrid を実装している間、レイアウトのスプリッターがドラッグされたときに jqGrid のサイズが変更されません。jqgrid の幅を動的に設定するための解決策は、ウィンドウ オブジェクトのサイズ変更イベントとのバインディングを使用することです。ただし、私の場合は div にあり、ウィンドウ オブジェクトの幅は影響を受けません。この問題の回避策を提案してください。

私のjsfiddleコードは次のとおりです:例

html

JS

CSS

jointjs と jquery-layout の使用に問題があります。どちらかしか使用できません。両方を使用すると、パネルのサイズ変更が機能しません。同じ/類似の問題を抱えている人はいますか? それを解決する方法を知っていますか？

これはまったく機能しません

jquery-layout を jointjs で反転すると機能しますが、サイズを変更しません。

本当にありがとう

私は以下のリンクのレイアウトを使用しており、西のスライダー バーのカーソルを変更しようとしています (dbl クリックして閉じてからマウスオーバーした場合)、デフォルト対手ですが、できません。私の人生のために、それを変える方法を見つけてください。誰か知っていますか？

http://jsfiddle.net/5EECD/375/

このライブラリは巨大で、この領域のカーソルを変更する場所がわかりません。私はこの質問をする他の方法を知りません。

デフォルトはフィドラーで使用されるだけですが、このカーソルには何らかの設定が必要だと思います。

Almond と r.js オプティマイザを使用して、Backbone.js ベースのシングル ページ アプリケーション用にすべてのスクリプトを 1 つのファイルに結合しています。

私のビルドファイル:

バックボーン ビューで、jquery-layout プラグインを初期化します。

ペインは正しく表示されますが、サイズを変更できません。$.fn.draggablejquery-layout プラグインの宣言時に (JQuery UI Draggable widget) が初期化されていないことが わかりました。

これは、おそらくウィジェットがロードされていないことを示しています。結合されたソース ファイルを確認したところ、JQuery UI Draggable ウィジェット コードが jquery-layout プラグイン コードの前に表示されていることに気付きました。これは、依存関係が正しい順序で挿入されていることを意味します。Firebug コンソールで印刷$.fn.draggableすると、少なくともドキュメントの準備ができた後、ウィジェットが使用可能であることが示されます。

jQuery、アンダースコア、バックボーン、jQuery UI はすべて AMD モジュールです。jquery-layout には AMD との互換性がないため、shim 構成. docs ごとに、JQuery UI の ui.core および ui.draggable に依存します。

これらすべてが抽象的になりすぎないように、jquery-layout プラグインのデモを次に示します。

私はこれを無駄に理解しようとして8時間以上「無駄」にしました。これを修正する方法についての助けがあれば、私の一日を救うでしょう. ほとんどの場合、これには、ビルド ファイル内の shim 構成の一部の修正のみが含まれます。

次の問題に取り組んでいます。ヒントをいただければ幸いです。

中央パネルの jQuery UI レイアウトに jQuery UI タブを配置し、このタブ内にいくつかのコンテンツを配置しました。divコンテンツが使用可能なスペースよりも多くのスペースを占めています。タブ全体や中央パネルではなく、含まれている にのみスクロール バーを配置したいと考えています。確かに、タブヘッダーを常に表示したいと思います。

私がしたこと：

• タブウィジェットへのjQuery UIレイアウトセンターパネルの設定center__contentSelector（ヘッダーとフッターが正常に表示されるようにします）
• overflow: hiddenレイアウト センター パネルとタブ ウィジェットの両方の設定
• コンテンツoverflow: autoの設定div
• タブウィジェットとコンテンツの両方に高さを与えるdiv

最終結果は問題ないように見えますが、スクロールバーは最後のアイテムを表示できません。限界までスクロールすることは不可能です。

これがどのように見えるかを示すフィドルです：http://jsfiddle.net/mguijarr/288yaz15/

何か案は ？

jquery レイアウト パネルのメイン (中央) パネル内で tablesorter テーブルを使用したいと思います。テーブルの幅は問題なく機能しますが、使用可能な高さをテーブルで占有することはそれほど明白ではありません。

いくつかの試行錯誤に基づいた基本的な例を以下に示します。これは、tablesorter-scroller-table の max-height プロパティの設定に基づいています。ある程度は機能しますが、予測できない結果が得られます。テーブルの高さが許容される高さとまったく同じ場合もあれば、最大 100 ピクセル程度のマージンがある場合もあります。

テーブルに使用可能な垂直方向のスペースを占有するように指示する、より信頼性が高くエレガントな方法はありますか?