捕获调整大小事件并获取dhtmlx模态窗口的宽度

Question

我想捕捉一个dhtmlx模态窗口调整大小事件，并获得窗口的宽度，以添加/删除CSS类的内容。我的目标是在dhtmlx模态窗口内获得一个引导"响应"布局。

我从未使用过dhtmlx，我很难理解他们的文档。我编写了下面的代码，最重要的部分是下面的代码(事件捕获器)。现在，它什么也不做，因为我想我没有正确的语法。

你知道我如何拦截一个dhtmlx模态窗口调整大小，看到它的新宽度，添加/删除css类?我想模仿引导媒体查询，但对于模态窗口而不是整个媒体/网页。

var myForm, formData;
var dhxWins, w1;
function doOnLoad() {
    dhxWins = new dhtmlXWindows();
    dhxWins.attachViewportTo("vp");
    w1 = dhxWins.createWindow("w1", 10, 10, 300, 250);
    myForm = w1.attachHTMLString(
        '<div class="container-fluid">' +
          '<div class="form-group col-xs-6">' +
            '<label>label</label>' +
            '<div>' +
              '<input class="form-control" type="text">' +
            '</div>' +
          '</div>' +
        '</div>'
    );
}
doOnLoad();
w1.attachEvent("onResizeEnd", function(obj) {
    if (obj.width() < 640) {
        $('.form-group').removeClass('col-xs-6');
        $('.form-group').addClass('col-xs-12');
    }
});

如果您想尝试一下自己的想法，可以使用上面的代码。

谢谢你

Answer 1

我的代码有两个问题，最后找到了dhtmlx v3.6(我正在使用的那个)的解决方案。

1. 事件名称为"onResizeFinish"
2. obj.getDimension()[0]

下面的代码可以很好地捕获jsfiddle中的事件。

w1.attachEvent("onResizeFinish", function(obj){
    if (obj.getDimension()[0] < 640){