Eine Liste mit Suchtext filtern
Das folgende Suchfeld filtert eine Liste von einflussreichen Programmiererinnen und Programmierern. Die Liste wird serverseitig gefiltert. Das Formular schickt Unpoly automatisch ab, sobald du in die Input-Box schreibst. Normalerweise führt das zu einem Neuaufbau der Seite. Unpoly ersetzt aber nur die Liste der ProgrammiererInnen. Damit sparen wir uns das Herunterladen und Parsen aller Dokumente ausser dem HTML (CSS, JavaScript, Bilder...). Beim Ersetzen von kleinen Elementen im HTML ist der Browser ausserdem sehr performant.
Der Programmieraufwand dafür ist minim. Einzig die zwei hervorgehobenen Attribute sind dazu nötig:
<form up-target=".filter-list" method="get" action="/list-filtering"
enctype="multipart/form-data">
<input type="search" name="search" placeholder="Suche nach Namen"
up-autosubmit/>
</form>
Genau gleich verhält es sich beim Klick auf den Link:
<a href="?search=Lin&programmer=Linus Torvalds"
up-target="r-programmer-portrait">Linus Torvalds</a>