css - Primefaces - 动态设置样式属性

Question

我在 p:tooltip 中使用 Primefaces graphicImage 并想单独设置图像的宽度和高度。

 <p:remoteCommand....update="myImage" />

 <p:tooltip beforeShow="remoteCommand()">
   <p:graphicImage id="myImage"... style="#{myBean.myStyle}" />
....

更新:Bean.myStyle 被正确触发并且样式参数在页面源中更新，但在 dom 树中没有更新。如果我直接设置 style="width:100px"它有效，但如果该值来自 bean，它将被忽略。

似乎 graphicImage 的样式属性更新了，但组件本身没有更新。

我在这里错过了什么？

Answer 1

我认为样式值是在加载文档时设置的，并且它永远不会重新加载，当它可见时只是它的 display:none 值正在改变。所以我会给 p:graphicImage 一个 id，然后我会使用 onShow 或类似事件添加一个 p:ajax(我不知道哪个可用于工具提示)，然后我会使用更新属性来渲染图形图像。如果我没记错的话，它应该只适用于 <p:ajax />没有任何属性，但我不确定

所以它应该是这样的:

<p:graphicImage id="x" style="#{bean.value}">
  <p:ajax event="show" update"x"/>
</p:graphicImage>