PrimeFaces

PrimeFaces – Otomatik Tamamlama (AutoComplete) ve InputTextArea Bileşeni

Merhaba arkadaşlar. Bu yazıda otomatik tamamlama ve InputTextArea bileşenini anlatmaya çalışacağım.

Otomatik Tamamlama(AutoComplete)

Otomatik tamamlama özelliğinden kasıt inputText bileşenine bir şey yazmaya başladığınızda karşınıza bazı önerilerin çıkmasıdır. Örneğin bir formda bildiği programlama dillerini kişiye sorduğumuzda kişi J’ye basınca Java, C’ye basınca C,C++,C# dilerinin çıkmasını sağlayabiliriz. Şimdi örneğimize bakalım.

index.xhtml Kodu

PrimeFaces’ta kullanıcıya öneriler çıkmasını sağlayan bileşenin ismi autoComplete‘tir. Bu bileşen ekrana bir inputText basar ve completeMethod ile verilen metotdan dönen listedeki verilerden uygun olanı öneri olarak bize sunar.

Tamamla.java Kodu

Java kodumuz içinde inputText’e girilen verinin tutulacağı bir dil stringini tanımladık. İşlemi yapacak kodumuz ise diliTamamla metodumuz. Bu metot önce inputTexte girilen programlama dili isminin ilk harfini alıyor ve dilDizisi dizisi içindeki dillerin ilk harfleri ile karşılaştırıyor. Eşleşenleri eslemeler listesine alıyor ve return ederek ekrana öneri olarak çıkmasını sağlıyor.

Ekran çıktılarına da bakalım.

2014-09-30 20:21:39

 

 

 

 

 

 

 

 

 

 

2014-09-30 20:22:51

 

 

 

 

 

 

 

 

 

 

 

 

 

InputTextArea Bileşeni

JSF ile form oluşturduğumuzda kullanıcının adres bilgisini almak istediğimizde inputTextArea bileşenini kullanırız.  PrimeFaces ile bize sunulmuş olan inputTextArea bileşeninde biz otomatik tamamlama özelliğini kullanabiliriz, boyutunun girilen yazıya göre değişmesini sağlayabiliriz, girilebilecek harf sayısnı sınırlayabiliriz. Örneğimizin kodları şu şekilde:

index.xhtml Kodu

index.xhtml kodu içinde ekrana 3 inputTextArea basan kod yazılı. Birinci inputTextArea otomatik tamamlama özelliğini göstermek için, ikinci inputTextArea değişken boyut özelliğini göstermek için, üçüncü inputTextArea ise girilen harf sayısının sınırlandırılabildiğini göstermek için yazılmıştır.

InputTextAreaView.java Kodu

Sadece otomatik tamamlama özelliği için yazılan Java kodunda kullanıcı PrimaFaces yazısını girdiğinde ekrana PrimeFaces ile ilgili yazıların çıkmasını sağlandı.Aksi halde girilen yazıya bir takım eklemeler yapılarak öneri olarak ekrana çıkması sağlandı.

Bu yazımızla PrimaFaces teknolojisinde kod yazmaya başladık. Darısı bitirmenin başına olur inşaAllah 🙂 .

Gelecek yazıda görüşmek üzere hoşçakalın.