JSF Ders21 - Form Tag Elemanları | commandLink, link, outputLink
- <h:commandLink value="diger sayfaya git" action="diger?faces-redirect=true" />
- <h:link value="diger sayfaya git" outcome="diger" />
- <h:outputLink value="diger.xhtml">diger sayfaya git</h:outputLink>
JSF'deki bu elemanlar birbirine çok benzerdir. Bunların farklarından bahsederek konuyu anlatalım.
- commandLink form içinde kullanılmak zorundadır, diğerlerinde böyle bir zorunluluk yoktur.
- link outcome kısmında hedef urlyi tespit eder. commandLink action kısmında hedef urlyi tespit eder. outputLink value kısmında hedef url girilir
- commandLink post isteği gönderir. outputLink ve link get isteği gönderir. commandLink ve link kullanımında value attributeü commandLinkin ve linkin texti olur. outputlink de ise value atributeü hedef adres olur.
- commandLink ve link kullanımında hedef dosyanın uzantısının belirtilmesine gerek yoktur. outputlink de ise hedef dosyanın uzantısı belirtilmelidir.
index.xhtml
<!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:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <h:outputStylesheet library="css" name="stil.css" /> <title>index.xhtml</title> </h:head> <h:body> <div id="d1"> <h1 style="color: red;">h:link</h1> <h3>h:link kullanımı</h3> <h:link value="diger sayfaya git" outcome="diger" /> <br /> <hr /> <br /> <h3>parametreli h:link kullanımı</h3> <h:link value="diger sayfaya bir parametre ile git" outcome="diger"> <f:param name="ad" value="enes" /> </h:link> <br /> <hr /> <br /> <h3>bir görüntü ile h:link kullanımı</h3> <h:link outcome="diger"> <h:graphicImage library="avatar" name="1.png" width="100" height="100" /> </h:link> <br /> <hr /> <br /> </div> <div id="d2"> <h:form> <h1 style="color: red;">h:commandLink</h1> <h3>h:commandLink kullanımı</h3> <h:commandLink value="diger sayfaya git" action="diger?faces-redirect=true" /> <br /> <hr /> <br /> <h3>parametreli h:commandLink kullanımı</h3> <h:commandLink value="diger sayfaya git" action="diger?faces-redirect=true"> <f:param name="ad" value="enes" /> </h:commandLink> <br /> <hr /> <br /> <h3>bir görüntü ile h:commandLink kullanımı</h3> <h:commandLink action="diger?faces-redirect=true"> <h:graphicImage library="avatar" name="2.png" width="100" height="100" /> </h:commandLink> </h:form> <hr /> <br /> </div> <div id="d3"> <h1 style="color: red;">h:outputLink</h1> <h3>h:outputLink kullanımı</h3> <h:outputLink value="diger.xhtml">diger sayfaya git</h:outputLink> veya <h:outputLink value="diger.xhtml"> <h:outputText value="diger sayfaya git" /> </h:outputLink> <br /> <hr /> <br /> <h3>parametreli h:outputLink kullanımı</h3> <h:outputLink value="diger.xhtml"> <h:outputText value="diger sayfaya git" /> <f:param name="ad" value="enes" /> </h:outputLink> <br /> <hr /> <br /> <h3>bir görüntü ile h:outputLink kullanımı</h3> <h:outputLink value="diger.xhtml"> <h:graphicImage library="avatar" name="3.png" width="100" height="100" /> </h:outputLink> <br /> <hr /> <br /> </div> </h:body> </html>
diger.xhtml
<!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:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>diger.xhtml</title> </h:head> <h:body> <h1>diger sayfa</h1> </h:body> </html>
Yorumlar
Yorum Gönder