使 dhtmlx 模态窗口的大小适应屏幕大小

Question

我有一个使用 dhtmlx 模式窗口来显示表单的 Web 应用程序。该表单是响应式的，使用 Bootstrap，但 dhtmlx 模态窗口不适应窗口的大小（不响应）。

现在，如果我调整窗口（浏览器）的大小使其小于 dhtmlx 模态窗口，我将有一个滚动条。我希望 dhtmlx 模态窗口随着屏幕变得比模态窗口小而变得更小。

This is a JSFiddle 在这里您可以看到一个包含 Bootstrap 表单的 dhtmlx 模式窗口。如您所见，即使用户不再看到其中的一部分，它也不会自行调整大小。

dhxWins = new dhtmlXWindows();
dhxWins.attachViewportTo("vp");
w1 = dhxWins.createWindow("w1", 10, 10, 300, 250);

有没有一种简单的方法可以让 dhtmlx 模式窗口只占用它可以拥有的空间？

非常感谢。

Answer 1

dhtmlx 模态窗口采用您在函数createWindow 中指定的大小。

您需要将调整大小事件附加到浏览器的窗口并调用

dhxWins.window(id).setDimenstion(width, height)

在浏览器调整大小后更改 dhtmlx 模态窗口的大小。