PrimeFaces ColorPicker-Beispiel

ColorPicker ist eine Eingabekomponente mit einer Farbpalette, deren Wert eine Hex-Zeichenfolge sein sollte. ColorPicker verfügt über zwei Modi: Der Standardmodus ist Popup und die andere verfügbare Option ist im Einklang. Im Einklang Im Modus wird der Picker direkt in der Ansicht angezeigt.

1. ColorPicker-Tag-Informationen

Allgemeine Informationen zu ColorPicker

2. ColorPicker-Tag-Attribute

ColorPicker-Attribut

ColorPicker-Attribut

3. Die Aussicht

index.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<h:head>
		<script name="jquery/jquery.js" library="primefaces"></script>
	</h:head>
	<f:view>
		<h:form prependId="false">
			<h1>JavaBeat Primefaces Example</h1>
			<h2>Primefaces - ColorPicker </h2>
			<p:colorPicker value="#{colorPicker.color}" mode="inline"></p:colorPicker>
			#{' '}
			<h:commandButton value="Display" action="#{colorPicker.action}"></h:commandButton>
			#{' '}
			<h:outputText value="#{colorPicker.color}"></h:outputText>
		</h:form>
	</f:view>
</html>

4. Verwaltete Bohne

ColorPicker.java

package net.javabeat.primefaces;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean
@SessionScoped
public class ColorPicker {

	private String color;

	public String getColor() {
		return color;
	}

	public void setColor(String color) {
		this.color = color;
	}

	public String action(){
		return "";
	}
}

5. Primefaces ColorPicker-Demo

Der folgende Schnappschuss zeigt Ihnen die Verwendung der ColorPicker-Komponente.
&nbps;
ColorPicker-Demo

(wpdm_file id=75)

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen