Question

我想在调整大小后保留<p:panel>的尺寸，这样当用户登录时，他可以让他的小部件具有相同的宽度和高度。使用<p:resizable>调整面板大小后，如何更改面板？一旦我从db中检索它们，我该如何更改CSS属性？

Answer 1

使用p:resizable时，您可以使用AJAX处理调整大小：

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

并在back 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;">

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

1 个答案: