jquery-layout - 在侧面板之间移动南面板

Question

默认情况下，jquery 布局插件有一个设置，其中北面板和南面板是浏览器窗口的全宽，使东面板和西面板垂直更小，因为它们必须适合南面板和北面板。

我想为侧面板设置更多垂直空间：北面板将是全宽的，但南面板将位于东西方之间，如果打开任何侧面板，宽度就会缩小。换句话说，侧板应该一直到底部。

是否可以像这样配置 jquery 布局？我在文档中找不到任何相关内容，而且我正在使用大部分未记录的 1.3 Release Candidate 版本。

Answer 1

也许您可以尝试使用嵌套布局。最外部为侧板，内部为南北布局。

Answer 2

这些选项的最佳解决方案是：

• 创建北布局
• 创建西部布局
• 创建一个中心布局并设置一个propper类，例如“outer-center”
  • 在“outer-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/