支持锚点/对接的 JavaScript 库，例如 winforms 应用程序答案

【问题标题】：JavaScript library with support for anchors/docking like winforms apps have支持锚点/对接的 JavaScript 库，例如 winforms 应用程序
【发布时间】：2013-01-29 23:28:48
【问题描述】：

在 jQuery 或任何其他 JavaScript 库中是否有任何东西可以让您轻松布局网页，就像您可以在其中为每个元素设置“锚点”的 Windows 窗体（即-.NET WinForms）应用程序一样？因此，如果我为 Top、Left 和 Right 设置一个锚点...元素将随着包含的扩展而扩展其宽度，但不会扩展高度（但将保持在相同的 Y/top 位置）。如果我不设置任何锚点，则元素保持相同的宽度和高度并居中。

我知道这与大多数优秀的网页设计（页面需要在各种屏幕尺寸/等上工作）相反，但在我的情况下，我正在尝试创建一个非常丰富的用户界面，而使用可用的网页设计是不可能的HTML/CSS 布局规则。在您说这不是真的之前，我认为有几个流行的网站使用 JavaScript 在页面调整大小时重新定位项目。例如，我认为 Google 日历就是这样做的。

我的整体 UI 设计类似于这个 Dojo 示例：http://demos.dojotoolkit.org/demos/themePreviewer/demo.html

我的页面将始终适合浏览器窗口（从不在窗口本身上的垂直/水平滚动条）——当然可以达到最小尺寸，在这种情况下，如果您不能使用该页面也没关系（与Dojo 示例，它只是裁剪部分并变得无法使用）。我将有几个带有拆分器的面板来调整每个面板的大小，以及面板内需要锚定到各个点（底部/右侧/左侧/顶部/填充）的内容。

我不知道 Dojo - 它看起来相当庞大。我主要想知道我的选择是什么，并倾向于一个更小的库，专门用于添加锚/对接支持。

【问题讨论】：

标签： javascript jquery web-applications

【解决方案1】：

Ext JS 具有强大/灵活的布局引擎，支持锚定和完整的浏览器流体布局。 http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html

查看他们的 border 布局。

【讨论】：

很好的答案，如果没有更好的答案，我会接受，并且很可能最终会使用像这样的更大的库/框架。出于这个问题的目的，我希望找到一个较小的库，专门针对这个布局问题。因为我自己开始使用原始 JavaScript 做这件事，然后开始考虑我应该把我的代码放到一个库中，而不是在每一页上一次性......然后我当然想，“嘿，也许有人已经这样做了”，但找不到任何东西（在大型库/框架之外）。

【解决方案2】：

我正在编写自己的类似布局框架，我即将完成其核心功能，这可能对您有用。我的设计旨在允许用户随意移动停靠面板，但如果您真的愿意，可以在停靠面板上禁用此功能。

在这里查看： http://docker.webcabin.org/

编辑：布局框架现已完成并可以正式使用！

【讨论】：