JavaScript 库,支持锚点/停靠,就像 winforms 应用程序一样

JavaScript library with support for anchors/docking like winforms apps have

本文关键字:应用程序 一样 winforms 停靠 支持 JavaScript 就像      更新时间:2023-09-26

jQuery或任何其他JavaScript库中是否有任何内容可以轻松布局网页,就像Windows Form(i.e.-.NET WinForms)应用程序一样,您可以在其中为每个元素设置"锚点"? 因此,如果我为顶部、左侧和右侧设置锚点......元素将随着包含的扩展而扩展其宽度,但不会扩展高度(但将保持在同一 Y/顶部位置)。 如果我不设置任何锚点,元素将保持相同的宽度和高度并居中。

我知道这与大多数优秀的网页设计相反(页面需要在各种屏幕尺寸/等上工作),但就我而言,我正在尝试创建一个非常丰富的 UI,这是使用可用的 HTML/CSS 布局规则无法实现的。 在你说这不是真的之前,我认为有几个流行的网站使用 JavaScript 在页面调整大小时重新定位项目。 例如,我认为谷歌日历就是这样做的。

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

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

我不认识道场——它看起来很大。 我主要想知道我的选择是什么,并倾向于一个较小的库,专门用于添加锚点/停靠支持。

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

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

编辑:布局框架现已完成并准备好正式使用!

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

查看他们的border布局。

相关文章: