如何查找portlet的大小

Question

我想在我的JSP portlet中显示jFreeChart生成的SVG抓图。图像的大小应该和portlet一样宽，高度是宽度的固定因子。

我解决了这个问题，但我想知道是否有更好的方法来完成同样的任务。

我的工作：

1. 定义invisibel元素以在呈现后查找portlet

   <div id="<%= myPortletNamespace %>test" style="display: none;"></div>
   

2. 定义一个触发器，该触发器在渲染完成并且设置了portlet的宽度时触发。在这里，我找到前面提到的元素，检查它的大小，调整包含图形的表的大小，并调用资源来获取图形。

   Liferay.on('allPortletsReady',
       function() {
          AUI().use('node', function(A) {
               var test = A.one('#<%= myPortletNamespace %>test');
               var parent = test.ancestor('.portlet-body');;
               if (parent != null){
                   var table_width = parent.get('offsetWidth');;
                   <%= myResize %>(table_width);
                   <%= myGetTableCharts %>();
               }
          });
       }
   );
   

一个问题是触发器似乎触发了三次，这可能会成为性能问题。

有更好的方法吗？

Answer 1

您可以尝试以下代码：

AUI().use(
    'node',
    function(A) {
        var onResizeFunc = function() {
            // my code.
        }
        A.getWin().on('resize', onResizeFunc);
        onResizeFunc();
    }
);

这还有一个额外的好处，即当用户调整浏览器大小时可以重新计算。有一件事可能会战胜这一点，那就是如果在文档渲染后的任何时候渲染都发生了变化。