1

デフォルトでは、jquery レイアウト プラグインには、ノース パネルとサウス パネルがブラウザ ウィンドウの全幅になるようにセットアップされており、イースト パネルとウェスト パネルは、サウス パネルとノース パネルの間に収まる必要があるため、垂直方向に小さくなっています。

サイド パネルの垂直方向のスペースを増やしたいと考えています。北側のパネルは全幅ですが、南側のパネルは東と西の間にあり、サイド パネルのいずれかを開くと幅が狭くなります。言い換えれば、サイドパネルは一番下まで行く必要があります。

このようにjqueryレイアウトを構成することは可能ですか? ドキュメントに関連するものは何も見つかりません。また、ほとんどドキュメント化されていない 1.3 Release Candidate バージョンを使用しています。

4

2 に答える 2

0

ネストされたレイアウトを使用して試すことができるかもしれません。最も外側はサイドパネル用で、内側は北と南のレイアウトです。

于 2014-05-05T02:46:01.747 に答える
0

これらのオプションの最適なソリューションは次のとおりです。

  • 北側のレイアウトを作成する
  • 西のレイアウトを作成する
  • センターレイアウトを作成し、「outer-center」などのプロッパークラスを設定します
    • "outer-center" 内に East レイアウトを作成し、クラスに割り当てます。
    • "outer-center" 内に center レイアウトを作成し、それをクラスに割り当てます。
    • "outer-center" 内に南のレイアウトを作成し、それをクラスに割り当てます。

そして、次の方法で (新しいクラスを使用して) js init 関数を再度呼び出します。

<div class="ui-layout-north"></div>
<div class="ui-layout-west"></div>
<div class="ui-layout-center outer-center">
    <div class="ui-layout-east middle-east"></div>
    <div class="ui-layout-center middle-center"></div>
    <div class="ui-layout-south middle-south"></div>
</div>
<div class="ui-layout-south"></div>

$(document).ready(function () {
    var myLayout = $('body').layout({
        north__size:            140,
        north__maxSize:         140,
        west__size: 250,
        center__paneSelector:   ".outer-center",
        center__childOptions: {
            center__paneSelector:   ".middle-center",
            east__paneSelector:     ".middle-east",
            south__paneSelector:    ".middle-south"
        }

    });
});

ライブでの私のアイデアの例を追加します: http://jsfiddle.net/9ut28bf8/2/

于 2015-07-14T18:27:28.733 に答える