0qln/itc.webengineering
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uebung-5

Browse Source
This commit is contained in:
0qln
2025-11-22 09:04:51 +01:00
parent d334c43fe4
commit b98cbf3615
1 changed files with 58 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
docs/uebungen/uebung-5.tex
View File

@@ -8,13 +8,64 @@
\maketitle \maketitle
\begin{exercises} \begin{exercises}
\item Worum handelt es sich bei Facelets und welche Vorteile bietet die Verwendung von Facelets? \item Worum handelt es sich bei Facelets und welche Vorteile bietet die Verwendung von Facelets?
\item Wie können Templates mit Facelets erstellt bzw. verwendet werden?
\item Worum handelt es sich bei PrimeFaces? Facelets sind eine Tag Library, die zusätzliche Tags bereitstellt.
\item Welcher Namespace wird für die Verwendung von PrimeFaces benutzt? Mit Facelets können Templates erstellt werden, oder wiederholte Ausgaben von html deklerativ in xml erstellt werden.
\item Wie kann per Ajax auf die Eingabe eines Tastenklicks reagiert werden?
\item Zählen Sie vier PrimeFaces-Komponenten auf und geben deren Funktion an. \item Wie können Templates mit Facelets erstellt bzw. verwendet werden?
\item Erstellen Sie eine JSF-Seite, die eine Klappliste anzeigt in der einer der Werte „Farben“, „Zahlen“ oder „Buchstaben“ ausgewählt werden kann. Darunter befindet sich eine Klappliste die zunächst nur den Inhalt „---“ hat. Nach einer Auswahl in der ersten Klappliste soll ein AJAX-Request generiert werden, der den Inhalt der zweiten Klappliste setzt (denken Sie sich zu den in Klappliste 1 auswählbaren Werten passende Werte aus).
In Templates wird der generelle Aufbau einer Seite definiert. Dies erfolgt wie in einer normale xhtml Seite, nur mit Platzhaltern (\texttt{<ui:insert>}):
\begin{xmlCode}
...
<body>
<ui:insert name="header">
<ui:include src="default-header.xhtml">
</ui:insert>
<ui:insert name="content">
</ui:insert>
<ui:insert name="footer">
</ui:insert>
</body>
...
\end{xmlCode}
Verwendet wird ein Template dann, in dem man mit \texttt{<ui:composition>} das template angibt, und mit ui:define die Platzhalter fŭllt:
\begin{xmlCode}
<ui:composition template="template.xhtml">
<ui:define name="content">
<p>hello world</p>
</ui:define>
</ui:composition>
\end{xmlCode}
\item Worum handelt es sich bei PrimeFaces?
PrimeFaces stellen eine Komponentenbibliothek dar, die Komponenten mit AJAX-Unterstützung anbieten.
\item Welcher Namespace wird für die Verwendung von PrimeFaces benutzt?
\texttt{xmlns:p}
\item Wie kann per Ajax auf die Eingabe eines Tastenklicks reagiert werden?
Indem man auf das \textit{keydown} Event reagiert:
\begin{xmlCode}
<p:ajax event="keydown" .../>
\end{xmlCode}
\item Zählen Sie vier PrimeFaces-Komponenten auf und geben deren Funktion an.
\begin{itemize}
\item \texttt{<p:autocomplete>}: Ermöglicht completion-Vorschläge für ein Input-Feld
\item \texttt{<p:calendar>}: Kalendar-Datum Eingabe-Element
\item \texttt{<p:gmap>}: Google-Maps Element
\item \texttt{<p:textEditor>}: Ein Wysiwyg Texteditor
\end{itemize}
\item Erstellen Sie eine JSF-Seite, die eine Klappliste anzeigt in der einer der Werte „Farben“, „Zahlen“ oder „Buchstaben“ ausgewählt werden kann. Darunter befindet sich eine Klappliste die zunächst nur den Inhalt „---“ hat. Nach einer Auswahl in der ersten Klappliste soll ein AJAX-Request generiert werden, der den Inhalt der zweiten Klappliste setzt (denken Sie sich zu den in Klappliste 1 auswählbaren Werten passende Werte aus).
\end{exercises} \end{exercises}
\end{document} \end{document}