将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中指定的大小。

您需要将resize事件附加到浏览器窗口并调用

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

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