Primefaces - 动态设置样式属性

时间:2015-06-18 12:45:59

标签: css jsf primefaces

我在p:工具提示中使用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的style-attribute得到更新,但不是组件本身。

我在这里缺少什么?

2 个答案:

答案 0 :(得分:0)

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

所以看起来应该是这样的:

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

答案 1 :(得分:0)

使用此

&#13;
&#13;
<p:graphicImage width="#{bean.widthValue}" height="#{bean.heightValue}" >
</p:graphicImage>
&#13;
&#13;
&#13;