SAPUI5 veri bağlama (data binding), kullanıcı arayüzü (UI) ile iş mantığı çerçevesindeki veri modeli arasında canlı bir bağlantı kurarak verilerin otomatik olarak senkronize edilmesini sağlayan mekanizmadır. SAP Fiori uygulamalarının temelini oluşturan SAPUI5 frameworkü, farklı binding türlerini destekleyerek geliştiricilere esnek ve güçlü bir veri yönetim katmanı sunar.
Bu blog yazımızda SAPUI5'taki veri bağlama türleri nelerdir, hangi durumlarda hangi veri bağlama türünü tercih etmeliyiz gibi soruların cevaplarını arayacağız. Eğer kullanılan modelde çeşitli verilere sahipsek, onu kullanıcı arayüzünde nasıl görüntüleyebiliriz?
İçindekiler
SAPUI5'te temel olarak 3 farklı bağlama yöntemi vardır:
Tek yönlü bağlama, modelden görünüme bağlama anlamına gelir; ön taraftan yapılan herhangi bir değişiklik modeli etkilemez, tüm veri değişiklikleri yalnızca kontrollere yansıtılır.
İki yönlü bağlama, modelden görünüme ve görünümden modele bağlama anlamına gelir; ön taraftan yapılan tüm değişiklikler modele ve veri tabanına yansıtılır. Modelde ve görünümde yapılan değişiklikler sırasıyla tüm bağlamaları, görünümü ve modeli günceller.
Tek seferlik bağlama, modelden görünüme tek seferlik bağlama anlamına gelmektedir. Tek seferlik bağlantıdan sonra tekrar bağlantı kurulmaz.
Aşağıdaki tabloda bahsettiğimiz bağlama türlerinin hangi modellerde desteklendiğini görüntüleyebiliriz.
Element bağlama, bir ebeveyne göre tüm çocukların göreceli bağlanmasına izin verir. Bu sayede alt kontroller için tam yolu ayrı ayrı belirtmek gerekmez.
Özellik bağlama, kontrol ile model arasında basitçe bağlamadır. Verilerin otomatik olarak başlatılmasına ve güncellenmesine olanak sağlar.
Verilerimizi tablo veya liste biçiminde göstermek istiyorsak aggregation bağlama kullanabiliriz. Bu örnekte verileri bağlamak için List kontrolünün items özelliğini kullanıyoruz.
Model verilerimiz üzerinde bir miktar hesaplamaya veya bir çeşit karşılaştırmaya ihtiyacımız varsa, ifade bağlama kullanmak yararlıdır.
Modeller ve veri bağlama, iki veri veya bilgi kaynağını bağlamak ve verileri senkronize etmek için SAPUI5 uygulamalarında kullanılmaktadır. SAPUI5 uygulamaları farklı model türlerini desteklemektedir. JSON modeli XML modellerine göre çok daha iyi bir performans sağladığı için kullanımı daha çok tercih edilmektedir.
Yeni içeriklerimizden haberdar olmak için blog sayfamızı takip edebilirsiniz. SAP Fiori ve SAPUI5 hakkında daha fazla bilgi için SAP Fiori nedir yazımızı da inceleyebilirsiniz.
SAPUI5 veri bağlama mekanikasını doğru anlamak, özellikle karmaşık SAP Fiori uygulamalarında kritik önem taşır. JSON Model ile OData Model arasındaki seçim, binding stratejisini doğrudan etkiler. OData modeli sunucu taraflı veri yönetimi sunarken JSON modeli istemci tarafında tüm verinin saklandığı senaryolarda üstün performans gösterir.
Two-way binding dikkatli kullanılmalıdır: kullanıcının yaptığı her değişiklik anında modele yansıdığından, aşırı sayfa yenileme veya istek yükü doğabilir. Bunun yerine form-based uygulamalarda one-way binding ile manuel refresh tercih edilebilir. SAP’nin resmi SAPUI5 dökümantasyonu binding mimarisi hakkında kapsamlı referans materyali sunmaktadır. SAP Fiori genel mimarisini anlamak için SAP Fiori konseptler ve en iyi uygulamalar yazımız da faydalı bir başlangıç noktası sunmaktadır.
Read-only veri gösterimi için one-way binding idealdir; form bazlı uygulamalarda kullanıcı girişleri modele yansıtılacaksa two-way binding tercih edilir. One-time binding ise sayfa yüklenirken bir kez çekilen ve sonradan değişmeyen statik referans verileri (dropdown listeleri, ülke listesi gibi) için en performanslı seçenektir.
JSON Model tüm veriyi istemci tarafında bellekte tutar; hızlı filtreleme ve sıralama sunar ancak büyük veri setlerinde bellek kullanımı yükselebilir. OData Model ise sunucu tarafında veri okur, sayfalama ve lazy loading desteği ile büyük veri setleri için daha uygundur. SAP S/4HANA ve SAP BTP projesinde OData V4 tercihi hızla yaygınlaşmaktadır.
Expression binding, model değerlerine dayalı koşullu görünmlük (visible=”{= ${price} > 100}”), renk/simge değişimi ve metin birleştirme gibi senaryolarda kullanılabilir. Karmaşık iş mantığı gerektiren hesaplamalar için ise formatter fonksiyonları tercih edilmesi önerilir.
SAPUI5 Resmi Dokümantasyonu SAPUI5’i Tanıyalım — MDP Group SAP Fiori Konseptler ve En İyi Uygulamalar — MDP Group
SAP Fiori ve ABAP Geliştiricisi
SAP ile Entegre Masraf Yönetimi: Manuel Masraf Süreçlerini Otomatikleştirme Rehberi
Fişler birikiyor, onaylar gecikiyor, muhasebe yoruluyor. Bu süreç size tanıdık geldi mi? Çalışanlar masraf girişini erteler, muhasebe eksik...
BTP Integration Suite API Yönetimi Yetenekleri Nelerdir?
Günümüzün dijital dünyasında, işletmeler sürekli olarak çeşitli uygulamalar, hizmetler ve veriler arasında sorunsuz entegrasyon...
Hatalı Düzenlenen e-Fatura Nasıl Düzeltilir? 2026 Rehberi
Hatalı düzenlenen e-faturanın nasıl düzeltileceği, faturanın senaryosuna göre değişiklik göstermektedir. Ticari faturalarda alıcı, GİB...
SAP MOBILE START Nedir?
Gelişen teknolojiler sonucunda mobil cihazların da şirketler için önemi çok arttı. Şirketler artık bilgisayarların yanında mobil...
NodeJS ile Test Ortamı Nasıl Oluşturulur?
Eğer okumadıysanız bu içeriği okumadan önce "NodeJS ile API Testi Nasıl Yapılır?" başlıklı içeriği okuyabilirsiniz.NodeJS ile Test...
EDI’nin (Elektronik Veri Değişimi) 6 Faydası
Elektronik Veri Alışverişi (EDI), bilgisayar sistemlerinin birbiriyle iletişim kurma yeteneğine sahip bir teknolojidir. EDI protokolleri ve...
Big Data (Büyük Veri) Nedir?
İnsanlar geçmişten bu yana olayları ve bilgileri yazarak kayıt altına almıştır. Bu sayede bildiklerini ve dönemin kültürel gelişmelerini...
SAP Logistics Management Nedir?
Giriş SAP’nin yeni Logistics Management çözümü, depo yürütme (warehouse execution) ve nakliye görevlendirme (dispatching)...
SAP Data Hub Nedir? Avantajları Nelerdir? Kapsamlı Rehber
SAP Data Hub, 27 Eylül 2017 tarihinde yayınlanan; şirketlerin, çeşitli veri ortamlarında veri akışını hızlandırmasına ve genişletmesine...
Mailiniz başarıyla gönderilmiştir en kısa sürede sizinle iletişime geçilecektir.
Mesajınız ulaştırılamadı! Lütfen daha sonra tekrar deneyin.