liferay门户画布调整大小

Question

我正在使用three.js将webgl嵌入到liferay portlet中。我希望当我对页面布局进行更改以影响portlet大小时，能够让呈现器调整图像（canvas元素）的大小。因此，基本上，无论何时调整portlet的大小，我都希望能够通过三个.js调用来调整画布的大小。js有一个renderer对象，我可以通过它设置大小。问题是获取portlet的宽度。有没有一种方法可以捕获重绘事件并获取用于调整画布元素大小的portlet宽度？

谢谢

Answer 1

您可以同时监听Liferay上的PortletMoved和UpdatedLayout事件。

Liferay.on('portletMoved', function(event) {
    var portlet = event.portlet;

    var newWidth = portlet.width(),
        newHeight = portlet.height();

    [...]
});

Liferay.on('updatedLayout', function(event) {
    // Assuming you have Alloy on your script, you can use A.one to get the
    // portlet node. Otherwise, you could use document.getElementById
    var portlet = A.one('#' + portletId);

    var newWidth = portlet.width(),
        newHeight = portlet.height();

    [...]
});