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>


JSF commandLink link outputlink

Yorumlar

Bu blogdaki popüler yayınlar

Java SE Ders24 - Composition (Kompozisyon)

Spring Ders20 - Aspect Oriented Programming - AspectJ Annotation Style

JSF Ders30 - Page Template (Sayfa Şablonu)