在弹出模式下以编程方式设置p:colorpicker的颜色

时间:2017-05-01 15:26:38

标签: jquery jsf primefaces

我正在制作一个表单,用于编辑存储在数据库中的格式值。其中两个是颜色,我正在使用PrimeFaces的颜色选择器。

然而,当我从数据库加载HEX颜色值并将它们设置为字段时,颜色选择器用作value它无法正确呈现。

弹出按钮中没有颜色:enter image description here

即使打开颜色选择器时颜色显示正确: 请参阅:enter image description here

点击该点后,弹出按钮显示正确: enter image description here

这是我用于colorPicker的代码片段。

    <p:dialog>
      <p:outputLabel for="bgColor" value="#{msg.userASSettingsBackg}"/>
      <p:colorPicker id="bgColor" value="#{userASSettings.bgColor}" required="true" requiredMessage="#{msg.userASSettingsColorError}"/> 
      <p:message for="bgColor" display="text"/>
    </p:dialog>

使用来自dataTable的commandButton和menuItem打开对话框。 在这两种情况下,我都会更新整个对话框。

1 个答案:

答案 0 :(得分:0)

此问题的原因是颜色值作为字符串保存在数据库中,并具有颜色代码的主题标签前缀。