window - Webix 窗口 - 自动调整

Question

我是 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

Answer 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

Answer 2

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

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