Primefaces input-output text, command button, update Komutlarıyla Örnek Uygulama

Merhabalar,

Bu yazıda input text alanına alınan değerlerin bir buton yardımıyla güncellenerek outputtext komutuyla xhtml sayfasında gösteriminin bir örneğini uyguladım. Aynı zamanda update komutunun da birden fazla id’yi boşluk bırakarak güncellediğini yine örneğimizin xhtml sayfasında görebileceğiz. Görsel olarak detaylara takılmadan komutların nasıl çalıştıklarını örnek üzerinden göstermeye çalışıyorum.

Bean Class

/**
 * 
 */
package person.bean;

import java.io.Serializable;

/**
 * @author kanbe
 *
 */
public class PersonBean implements Serializable{

	/**
	 * 
	 */
	private static final long serialVersionUID = -3071837601559699454L;
	
	private String name;
	private String surname;
	private int age;

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getSurname() {
		return surname;
	}

	public void setSurname(String surname) {
		this.surname = surname;
	}

	public int getAge() {
		return age;
	}

	public void setAge(int age) {
		this.age = age;
	}

	public static long getSerialversionuid() {
		return serialVersionUID;
	}

	public PersonBean() {
		super();
		// TODO Auto-generated constructor stub
	}

	public PersonBean(String name, String surname, int age) {
		super();
		this.name = name;
		this.surname = surname;
		this.age = age;
	}

}

View Class

/**
 * 
 */
package person.view;

import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

import person.bean.PersonBean;

/**
 * @author kanbe
 *
 */
@ManagedBean
@SessionScoped
public class PersonView {

	PersonBean person;

	@PostConstruct
	public void init() {

		setPerson(new PersonBean("caglar", "kanber", 27));

	}

	public void updatePersonInf() {
		person.setName("Güncel " + person.getName());
		person.setSurname("Güncel " + person.getSurname());
		person.setAge(person.getAge());
	}

	public PersonBean getPerson() {
		return person;
	}

	public void setPerson(PersonBean person) {
		this.person = person;
	}
}

person.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:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Primefaces Hello World Example</title>
</h:head>
<h:body>

	<h:form id="PersonalInf">

		<h:panelGrid id="personGrid" columns="6">
			<!-- Bilgiler aliniyor. -->
			<p:outputLabel for="name" value="İsim: "></p:outputLabel>
			<p:inputText id="name" value="#{personView.person.name}" />
			<p:outputLabel for="surname" value="Soy İsim: "></p:outputLabel>
			<p:inputText id="surname" value="#{personView.person.surname}" />
			<p:outputLabel for="age" value="Yaş: "></p:outputLabel>
			<p:inputText id="age" value="#{personView.person.age}" />

			<p:commandButton id="submit" value="submit"
				actionListener="#{personView.updatePersonInf()}"
				update=":PersonalInf:outputName :PersonalInf:outputSurname :PersonalInf:outputAge"></p:commandButton>
		</h:panelGrid>

		<!-- Bilgiler gosteriliyor. -->
		<h:outputText id="outputName" value="#{personView.person.name} "></h:outputText>
		<h:outputText id="outputSurname" value="#{personView.person.surname} "></h:outputText>
		<h:outputText id="outputAge" value="#{personView.person.age}"></h:outputText>
	</h:form>


</h:body>
</html>

 

Bu yazı Genel, Primefaces kategorisine gönderilmiş ve , , , , , ile etiketlenmiş. Kalıcı bağlantıyı yer imlerinize ekleyin.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir