Beispiel für eine PrimeFaces-Schaltfläche

Eine der bereits von den Primefaces erweiterten Komponenten ist die p:Tastewas die Grundfunktionalität von h:button erweitert. p:Taste Die Verwendung ist die gleiche wie bei Standard-h:button. Für die Navigation mit GET-Anfragen ist ein Ergebnis erforderlich. Primefaces hat jedoch einige minimale Zusatzfunktionen wie Skinning hinzugefügt. Außerdem hat p:button das unterstützt Symbol Rendering über Stil oder über ein neu hinzugefügtes Attribut Symbol. Berücksichtigen Sie die Möglichkeit, die unten bereits bereitgestellten Primefaces-Symbole zu verwenden Verknüpfung.

  • Lesen Sie: PrimeFaces-Tutorials

1. Informationen zum PrimeFaces-Button-Tag

Schaltflächen-Tag-Info

2. PrimeFaces Button-Tag-Attribute

Schaltflächen-Tag-Attribute

3. Die Ansichten

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 - Button</h2>
			<br/>
			<h:outputText value="Navigate Into Home Via GET Primefaces Button"/>
			#{' '}
			<p:button outcome="home" value="Navigate Home" title="Navigate Button Without Icon"></p:button>
		</h:form>
	</f:view>
</html>

home.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 - Button</h2>
			<br/>
			<h:outputText value="Go To Favourite Page"/>
			#{' '}
			<p:button outcome="index" icon="ui-icon ui-icon-heart" title="Go Index"></p:button>
		</h:form>
	</f:view>
</html>

4. PrimeFaces-Button-Demo

Die folgenden Schnappschüsse zeigen Ihnen die Verwendung von p:Tastezusätzlich zur Erläuterung der Verwendung der Icon-Eigenschaft.

PrimeFaces Button-Demo

Beispiel 2 für die Schaltfläche „Primefaces“.

(wpdm_file id=72)

Kommentar verfassen

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

Nach oben scrollen