1

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

4

2 回答 2

2

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

于 2015-11-02T09:13:01.143 回答
1

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

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

于 2015-11-03T12:12:39.943 回答