Webix 窗口 - 自动调整答案

【问题标题】：Webix window - autoadjustWebix 窗口 - 自动调整
【发布时间】：2015-11-01 10:51:16
【问题描述】：

我是 webix 新手，遇到 ui.window 问题！

对我来说，窗口从不适应父 HTML 元素。 :(

我希望窗口与父窗口具有相同的宽度和高度 (100%)。

我做错了什么？

查看 Webix Snippets 中的代码：http://webix.com/snippet/c5fe5e96

根据文档：

"窗口大小和定位

窗口的必备参数是宽度和高度。如果不设置 [它们]，窗口 [...] 将占据整个屏幕。”

http://docs.webix.com/desktop__window.html

“调整-将组件调整为父html容器的大小”

http://docs.webix.com/api__link__ui.popup_adjust.html

【问题讨论】：

标签： window autosize webix

【解决方案1】：

Window 和 Popup 小部件适用于整个应用程序，它们不使用容器，也不能使用 .adjust。

您可以使用全屏选项调整窗口大小

var popup = webix.ui({
    view: "window",
    fullscreen:true,

http://webix.com/snippet/93a5e3ba

或者通过使用复杂的位置属性

var popup = webix.ui({
    view: "window",
    position:function(state){
      state.left = state.top = 10;
      state.width = state.maxWidth - 20;
      state.height = state.maxHeight-20;
    },

http://webix.com/snippet/164a3955

【讨论】：

感谢您的回复！我找到了一个使窗口从父容器继承其大小的解决方案。

【解决方案2】：

我已经设法使窗口继承了 HTML 容器的大小，方法是使用 getNode() 获取 HTML 容器大小，然后使用 setPosition、config.width、config.height 和 resize()。

请参见下面的示例。 http://webix.com/snippet/056b9610

【讨论】：