JSF Ders08 - Form Tag Elemanları | commandButton



  1.    <h:commandButton action="#{sinifIsmi.metotIsmi}" value="butonYazisi"/>
  2.    <h:commandButton type="submit" value="butonYazisi" action="#{sinifIsmi.metotIsmi}"/>
  3.    <h:commandButton type="reset" value="butonYazisi"/>
  4.     <h:commandButton type="button" value="butonYazisi" onclick="cagrilacakJSMetod"/>
    commandButton bean örneklemeye yarar. Aynı zamanda navigation yani yeni sayfaya geçmeyi sağlar.

Yukarıdaki kullanımlardan 1 ve 2. satırlardaki kod aynı işi yapmaktadırlar. Bean örnekleyip sayfayı diğer sayfaya yönlendirir.
3.satırdaki kod o anda formda doldurulmuş verileri temizler.
4.satırdaki kod standart butona örnektir.Butona tıklanıldığında javascript metodu çağırır.

commandButton action kısmında bir metot ismi yazılır. Bu metodun geri dönüş tipi String'tir ve geriye yönlendirilecek olan sayfanın uzantısı (.xhtml) olmadan sadece ismi yazılır.

Eğer tarayıcınızda javascript devre dışı kalsa bile navigation çalışacaktır.


Personel.java
package test;

import java.io.Serializable;

import javax.faces.bean.*;

@ManagedBean
@SessionScoped
public class Personel implements Serializable {

 private static final long serialVersionUID = 1L;

 private String ad;
 private String sifre;

 public void setAd(String ad) {
  this.ad = ad;
 }

 public String getAd() {
  return ad;
 }

 public String getSifre() {
  return sifre;
 }

 public void setSifre(String sifre) {
  this.sifre = sifre;
 }

 public String gonder() {
  return ("personel-bilgi?faces-redirect=true");
 }

}

index.xhtml
<?xml version="1.0" encoding="UTF-8" ?>
<!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://xmlns.jcp.org/jsf/html">
<h:head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>index.xhtml</title>
</h:head>
<h:body>

 <h:form>
  Adinizi girin.<br />
  <h:inputText value="#{personel.ad}" /><br/><br/>
  Sifrenizi girin.<br />
  <h:inputSecret value="#{personel.sifre}" /><br/><br/>
  <h:commandButton value="giris yap" type="submit" action="#{personel.gonder}" />
  <h:commandButton value="temizle" type="reset"/>
 </h:form>

</h:body>
</html>

personel-bilgi.xhtml
<?xml version="1.0" encoding="UTF-8" ?>
<!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>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>personel-bilgi.xhtml</title>
</h:head>
<h:body>

<h:outputFormat value="Hosgeldin {0} !" >
 <f:param value="#{personel.ad}" />
</h:outputFormat>

<br/><br/>
 <table>
 <tr><th>PERSONEL BİLGİLERİ</th></tr>
 <tr><td>Ad</td><td>#{personel.ad}</td></tr>
 <tr><td>Sifre</td><td>#{personel.sifre}</td></tr>
 </table>
</h:body>
</html>


JSF commandButton

JSF commandButton

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)