Backbone.js - İç İçe Görünümler

ile çalıştığımızda Backbone.js Aynı şeyi yapmanın birçok yolu var, ne aradığımıza ve uygulama durumlarında bir veya başka bir şey yapabilmek için geliştiriciler olarak seviyemize bağlı.
İç içe görünümün, kullanım sırasında izlenen tek bir sayfanın uygulamalarının gerçekleştirilmesinde faydalı olabileceğini dikkate alarak Backbone.js Javascript çerçevesi olarak.
Görünümleri jQuery ile birleştirme
Sayfaların iç içe geçmiş öğelerden oluştuğunu bildiğimiz gibi, Backbone.js söz konusu sayfadaki öğelere karşılık gelir, bu nedenle bir görünümü iç içe yerleştirmek, bir öğeyi diğerinin içine yerleştirmekten başka bir şey değildir, bu durumda görünüm türünde olduğu ortaya çıkar.
Bunu başarmanın en kolay yollarından biri kullanmaktır. jQuery ekleme yöntemleri sayesinde HTML ile mevcut elemanlara .append() yöntemi. Aşağıdaki resimde neden bahsettiğimize dair bir örnek görelim:

Burada türün iki öğesini nasıl oluşturduğumuzu görüyoruz. alt görünüm iç içe görünümleri oluşturmanın yolu budur, ardından .append() yöntemi Bunları ilgili kapsayıcıya ekliyoruz, görünümlerin ek bir şeye ihtiyaç duymadığı durumlarda bizim için işe yarayabilecek oldukça basit bir yaklaşım, sadece görüntülenecek bir yer.
SetElement () kullanma
Bu, iç içe görünüm oluşturma sorununu çözmenin başka bir yoludur, sorun şu ki, gördüğümüz önceki sürümden biraz daha karmaşıktır. jQuery, bu nedenle ilk yoldan çözebilirsek endişelenmemeliyiz, ancak bu çözümü nasıl uygulayabileceğimizi aşağıda görüyoruz:

Burada ilk olarak nasıl başlattığımızı görüyoruz. iç içe görünümler, daha sonra ana görünümü oluştururken oluşturulan alt görünümleri yerleştirdik ve setElement yöntemi onları ilgili konteynere ekledik.
dezavantajBunun ana dezavantajı, etiketin adını belirleyemememizdir, bununla, olayları yeniden yetkilendirmemiz ve uygulamamıza ek bir karmaşıklık katmanı eklememiz gerekir.
Diğer Alternatifler
Bunu yapmanın başka bir yolu, örneğin bir uzantı kullanmaktır. Kukla veya toraks, bu uzantılar zaten bunu işlemek için gerekli mantıksal katmana sahiptir. iç içe görünüm işlevi, bununla sadece uygulamamızın mantığını yazmaya özen göstermemiz gerekiyor.
Gördüğümüz gibi Backbone.js Aynı problemin farklı çözümlere sahip olmasına izin verecek kadar geniş ve esnektir, hangi çözümü uygulayacağımızı ve nasıl çözeceğimizi seçmek bize kalmıştır, böylece uygulamamız görselleştirdiğimiz ve kullanıcılarımızın kazanması için.
İç içe bir görünüm oluşturduğumuzu gördüğümüz gibi Backbone.js Basit bir iş olmasına rağmen, çok karmaşık olabilir, ancak gösterdiğimiz gibi farklı çözümlerle karşılaşabiliriz, bir çözümü uygulamanın ne kadar zor olabileceğinden veya ne kadar zor olabileceğinden korkmamak çok önemlidir, sadece sahip olduk. Açık fikirli olmak ve belgelerde ihtiyaçlarımıza en uygun olanı araştırmakBu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.