本机JSF颜色输入小部件

本机JSF颜色输入小部件,jsf,input,Jsf,Input,根据,自HTML4.01以来,有一个HTML输入元素具有type=“color”。它可以以如下形式使用: <form> <input type="color"/> </form> 我用最新的浏览器(Firefox52、Chromium65和Opera49)进行了测试,所有这些浏览器都能很好地使用纯HTML。它们提供了一个按钮,点击一个弹出窗口,选择一种颜色 现在的问题是:在没有第三方库的情况下,如何在JSF中使用这种颜色输入 我找不到任何适合JSF2

根据,自HTML4.01以来,有一个HTML输入元素具有
type=“color”
。它可以以如下形式使用:

<form>
  <input type="color"/>
</form>

我用最新的浏览器(Firefox52、Chromium65和Opera49)进行了测试,所有这些浏览器都能很好地使用纯HTML。它们提供了一个按钮,点击一个弹出窗口,选择一种颜色

现在的问题是:在没有第三方库的情况下,如何在JSF中使用这种颜色输入

我找不到任何适合JSF2.2和2.3的组件。我知道有PrimeFaces
,可能还有其他第三方组件。但是我需要/想要简单的JSF/Mojarra。

我找到了它,它描述了passthrough属性的使用。有了这一点,创建一个basic实际上非常简单,它完全满足我的需要:

<ui:component xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
              xmlns:h="http://xmlns.jcp.org/jsf/html"
              xmlns:a="http://xmlns.jcp.org/jsf/passthrough"
              xmlns:cc="http://xmlns.jcp.org/jsf/composite">
  <cc:interface>
    <cc:attribute name="value" type="java.lang.String" required="true" />
    <cc:clientBehavior name="clientEvent" targets="colorInput" event="change" />
  </cc:interface>

  <cc:implementation>
    <h:inputText id="colorInput" a:type="color" value="#{cc.attrs.value}" />
  </cc:implementation>
</ui:component>


(另请参见有关
的详细信息)

您在移动设备上也需要此功能吗?至少在FF mobile上,您可以进行的选择是有限的。。。Chrome mobile有更多选项无需移动支持。目前我只在桌面上。