Erweitern von JSF Komponente command
Frage
Ich habe eine Facelet Komponente h zu verlängern. Command (einige Funktionen und abgerundete Ecken hinzuzufügen)
<ui:composition 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">
<span class="btn-left btn-corners"> </span>
<span type="submit" class="submit">
<h:commandLink id="#{id}" value="#{label}" action="#{action}" />
</span>
<span class="btn-right btn-corners"> </span> </ui:composition>
Meine neue Komponente kann über die zugegriffen werden soll
<my:commandLink id="continue" label="continue" action="#{applyBacking.submit}"/>
und der Java-Code ist
public String submit(){
...
}
Allerdings gibt es mir einen Fehler „ApplyBacking hat nicht die Eigenschaft einreichen“. Ich verstehe den Grund für diesen Fehler, denn während meiner Rendering: command, versucht es, # {applyBacking.submit} auf eine Eigenschaft zu bewerten. Stattdessen möchte ich die Informationen über das Verfahren an das aufgerufene (applyBacking.submit) an die Vorlage übergeben werden und ausgewertet, während h Rendering. Command
Irgendwelche Vorschläge?
Lösung
Erstellen Sie eine Verbundbauteils statt ( Tutorial hier ) ermöglicht es Ihnen, definieren Bohnen Aktionen wie attribtues.
Hier ist ein Kick-off-Beispiel:
/resources/components/commandLink.xhtml
<ui:component
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:cc="http://java.sun.com/jsf/composite">
<cc:interface>
<cc:attribute name="id" required="true" />
<cc:attribute name="label" required="true" />
<cc:attribute name="action" method-signature="java.lang.String action()" required="true" />
</cc:interface>
<cc:implementation>
<span class="btn-left btn-corners"> </span>
<span type="submit" class="submit">
<h:commandLink id="#{cc.attrs.id}" value="#{cc.attrs.label}" action="#{cc.attrs.action}" />
</span>
<span class="btn-right btn-corners"> </span>
</cc:implementation>
</ui:component>
/somepage.xhtml
<!DOCTYPE html>
<html lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:my="http://java.sun.com/jsf/composite/components">
<h:head>
<title>SO question 4608030</title>
</h:head>
<h:body>
<h:form>
<my:commandLink id="continue" label="continue" action="#{applyBacking.submit}"/>
</h:form>
</h:body>
</html>
übrigens würde ich persönlich für den abgerundeten Ecken Teil mit JS / jQuery bevorzugen, zum Beispiel der jQuery Ecke Plugin . Geben Sie einfach Ihre command eine bestimmte styleClass
und lassen JS die Magie zu tun.