使用 <p：可调整大小调整大小后存储面板的尺寸>

Question

我试图在调整大小后保留<p:panel>的尺寸，以便当用户登录时，他可以拥有具有相同宽度和高度的小部件。在使用<p:resizable>调整面板大小后，如何保持对面板的更改?一旦我从数据库中检索到它们，我如何对CSS属性进行更改?

Answer 1

当使用p:resizable:

时，您可以使用AJAX处理大小调整

<p:resizable for="myPanel">
  <p:ajax listener="#{myBean.handleResize}"/>
</p:resizable>

在后台bean中定义函数:

public void handleResize(ResizeEvent e) {
  width = e.getWidth();
  height = e.getHeight();
  // Now persist height and width...
}
private int width;
private int height;
// getters and setters for width and height
@PostConstruct
public void init() {
  // init width and height from db...
}

之后你可以使用width和height来设置p:panel的初始大小:

<p:panel style="width:#{myBean.width}px;height:#{myBean.height}px;">