Webix窗口 - 自动调整

时间:2015-11-01 10:51:16

标签: window autosize webix

我是webix的新手,并且ui.window有问题!

对我来说,永远不会调整父HTML元素。 :(

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

我错了什么?

请参阅Webix Snippets中的代码:http://webix.com/snippet/c5fe5e96

根据文件:

“窗口大小调整和定位

窗口的必备参数是宽度和高度。如果你没有设置[他们],窗口[...]将占据整个屏幕。“

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

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

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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:1)

我设法通过使用getNode()然后使用setPosition,config.width,config.height和resize()来获取HTML容器大小,从而使窗口继承HTML容器的大小。

见下面的例子。 http://webix.com/snippet/056b9610