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