JSF - Seiteninhalt dynamisch laden

F

fsicher

Bekanntes Mitglied
Hall allerseits

Ich würde gerne einen Teil der Seite dynamisch laden bzw. austatuschen, wenn z.B. ein anderes Menü-Item (links) angeklickt wird. Die Seite sehe in etwa so aus.

siehe hier

Wenn ich Menu 1 --> Edit Persondata wähle, sollte im Content-Teil z.B. ein Formular für die Erfassung von Personendaten erscheinen, während Menu 1 --> Edit Accessrights ein Formular im Content-Teil laden sollte, in dem die Zugriffsberechtigungen erfasst weren etc.

Ich könnte natürlich zwei Seiten machen, in denen der Content-Teil passend implementiert wird. Ich würde aber lieber eine seite machen und den Content-Teil dynamisch austauschen, wenn irgendwie möglich. Die einzelnene Formulare würde ich gerne als separate Seiten implementieren, die in das Template eingefügt werden (ui:insert / ui:define etc.).

Wie könnte man dies mit JSF machen? Ich benutze JSF 2 und PrimeFaces (zurzeit 3.4 SNAPSHOT). Ich habe die Demos in PF angeschaut, habe aber nichts gefunden, was mir helfen würde. Kann aber gut sein, dass ich es übersehen habe ???:L

Danke für jeden Tipp.
 
JimPanse

JimPanse

Bekanntes Mitglied
mmm ... so in etwa?


[XML]
...// menu
<h:form>
<p:commandLink action="#{myBean.show('editPerson')}" update=":content" process="@this"/>
...
</h:form>

<p:eek:utputPanel id="content" layout="block>
<ui:include src="#{mybean.pageToInclude}"/>
</p:eek:utputPanel>
[/XML]

Java: 
@ManagedBean
@SessionScope
public class MyBean implements Serializable{
private String pageToInclude;

public void selectContent(String pageId) {
if(pageId == "editPerson"){
pageToInclude= "<path-to-file>";

}
//getter & setter
}
 
F

fsicher

Bekanntes Mitglied
Vielen Dank erstmal.

Habe es versucht, bekomme aber eine kleine "Fehlermeldung" bei der Zeile

Java: 
<ui:include src="#{mybean.pageToInclude}"/>

Nachfolgend mein aufs schnelle zusammengeschustertes Beispiel:

Bean-Klasse:
Java: 
package beans;

import java.io.Serializable;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

@ManagedBean(name = "mybean")
@SessionScoped
public class MyBean implements Serializable {

	private static final long serialVersionUID = 1L;

	private String pageToInclude;

	public String getPageToInclude() {
		return pageToInclude;
	}

	public void setPageToInclude(String pageToInclude) {
		this.pageToInclude = pageToInclude;
	}

	public void showContent(String pageId) {
		if (pageId.equals("edit_person")) {
			pageToInclude = "/person/edit.xhtml";
		} else if (pageId.equals("edit_rights")) {
			pageToInclude = "/rights/edit.xhtml";
		}
	}
}

Seite WebContent/person/edit.xhtml:
[XML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:body>

<h3>Personendaten</h3>

<div style="padding: 25px">
Hier werden Daten edditiert ...
</div>
</h:body>
</html>
[/XML]

Seite WebContent/rights/edit.xhtml:
[XML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:body>

<h3>Access rights</h3>

<div style="padding: 25px">
Hier werden Zugriffsrechte edditiert ...
</div>
</h:body>
</html>
[/XML]

Und schlussendlich die index.xhtml:
[XML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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>

</h:head>

<h:body>

<h:form>
<p:commandLink action="#{mybean.showContent('edit_person')}"
update=":content" process="@this" />
<br />
<p:commandLink action="#{mybean.showContent('edit_rights')}"
update=":content" process="@this" />
</h:form>

<p:eek:utputPanel id="content" layout="block>
<ui:include src="#{mybean.pageToInclude}"/>
</p:eek:utputPanel>
</h:body>
</html>
[/XML]

Die Zeile 25
HTML: 
<ui:include src="#{mybean.pageToInclude}"/>
wird mit der Meldung

Invalid location of text (}") in tag (<p:eek:utputPanel>).

quittiert. Ob das der Grund für das Scheitern ist, kann ich nicht sagen (evtl. liegt es am Editor).

Ich bin mir aber auch nicht sicher, ob ich die Pathangaben zu den Dateien, die includiert werden sollen, korrekt gemacht haben. Mit
HTML: 
WebContent
ist das root-Verzeichnis gemeint, darum habe ich die Pathangabe mit '/' gestartet. Der Versuch ohne '/' führte auch nicht zu erfolgt.

Was mache ich hier falsch?
 
JimPanse

JimPanse

Bekanntes Mitglied
Das layout Element wird nicht richtig in Hochkommern eingeschlossen:

[XML] <p:eek:utputPanel id="content" layout="block>
<ui:include src="#{mybean.pageToInclude}"/>
</p:eek:utputPanel>[/XML]

->

[XML]<p:eek:utputPanel id="content" layout="block">
<ui:include src="#{mybean.pageToInclude}"/>
</p:eek:utputPanel>[/XML]
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
S Dynamisch Drop-Down Menüs und Formular Feld Bindings Web Tier 4
J JSF statisch oder dynamisch? Web Tier 3
A JSF JSF Page dynamisch/modular aufbauen Web Tier 7
T Tomcat: Packete dynamisch auslesen und Klassen erzeugen Web Tier 3
N Bilder aus Datenbank dynamisch in JSF streamen Web Tier 7
S Servlet Dynamisch Content? Web Tier 2
N Tabelle dynamisch mit Daten aus Datenbank füllen Web Tier 3
R Servlet Resource laden für SMTP - Session Web Tier 4
R JSF Mit Ajax ganze Seite neu laden Web Tier 2
N Image von Dienst laden Web Tier 2
M File aus Projektverzeichnis laden Web Tier 16
K Dynamische Inhalt auf ein "DIV" laden Web Tier 2
S Laden von globalen Resourcen im Servlet Container..? Web Tier 3
U jsf anker/sprungmarke nachdem laden Web Tier 2
A SSL-Zertifikat in Java-Webanwendungen laden Web Tier 4
F Datei von bean aus laden Web Tier 3

Ähnliche Java Themen

Aktuelle Jobs

Neue Themen


Oben