jQuery或任何其他JavaScript库中是否有任何内容可以像在Windows窗体(即-.NET WinForms)应用程序中那样轻松布局网页,您可以在其中为每个元素设置“锚点”?因此,如果我为Top,Left和Right设置锚点......元素将在包含展开时扩展其宽度,但不会扩展高度(但将保持在相同的Y /顶部位置)。如果我没有设置任何锚点,则元素保持相同的宽度和高度并居中。
我知道这与大多数优秀的网页设计相反(页面需要适用于各种屏幕尺寸/等),但在我的情况下,我正在尝试创建一个非常丰富的用户界面,这是不可能使用可用的HTML / CSS布局规则。在你说这不是真的之前,我认为有几个流行的网站使用JavaScript在页面调整大小时重新定位项目。例如,我认为Google日历会这样做。
我的整体用户界面设计与此Dojo示例类似:http://demos.dojotoolkit.org/demos/themePreviewer/demo.html
我的页面将始终适合浏览器窗口(窗口本身从不垂直/ horz滚动条) - 当然最小尺寸,在这种情况下如果你不能使用页面就好了(与Dojo例子,它只是裁剪零件并变得无法使用)。我将有几个带有分离器的面板来调整每个面板的大小,并且还需要锚定到各个点(底部/右侧/左侧/顶部/填充)的面板内容。
我不知道道场 - 看起来非常庞大。我主要想知道我的选择是什么,并倾向于一个较小的库,专门用于添加锚点/对接支持。
答案 0 :(得分:2)
Ext JS具有强大/灵活的布局引擎,支持锚定和完整的浏览器流体布局。 http://dev.sencha.com/deploy/ext-4.0.0/examples/layout-browser/layout-browser.html
结帐他们的border
布局。
答案 1 :(得分:2)
我正在编写自己的类似布局框架,我刚刚完成了它的核心功能,这可能对你有用。我的目的是让用户可以随意移动停靠的面板,但这个功能可能会让人感觉不舒服。如果你真的想要在你的对接面板上禁用。
在这里查看: http://docker.webcabin.org/
编辑:布局框架现已完成并可供官方使用!