Backbone.js - Modellerdeki Değişiklikler

Javascript eylemler üretebileceğimiz asenkron olayları kullanmamıza izin veriyor, bu nedenle aşağıdaki gibi çerçevelerin kullanımında büyük başarı elde ediyoruz. jQuery DOM ağacındaki bir değişikliği dinleyebilir ve sayfanın geri kalanı hala çalışırken bir işlevi yürütebilir.
Doğrudan erişim
Model içindeki değişikliklerin nasıl ele alınacağını görmeden önce, ele almamız gereken bir anahtar kavram, niteliklere doğrudan erişimdir, bu bir nitelik sayesindedir. .Öznitellikler bu, bizimkini yapmak için miras aldığımız modelde.
ÖnemliBu yöntemi kullanarak bir değer ataması yaparken modelimizde patlatıldığını ve geçiş sırasında patlatıldığını atlıyoruz. nitelik {sessiz: true} tüm olayları tamamen susturuldu.
Bahsettiğimiz aşağıdaki örnek kodda görelim:

Kullanırken örnekte gördüğümüz gibi {sessiz: doğru} modelimizde herhangi bir değişiklik algılamaz.
Modeldeki değişiklikleri duyun
Modellerimizdeki değişiklikleri dinlemek, farklı eylemler gerçekleştirebildiğimiz için çok faydalı olabilir, böylece uygulamamıza daha fazla dinamizm kazandırabiliriz.
Aşağıdaki örnekte, bir öznitelik her değiştiğinde belirten bir satır yazdıracağız, ardından özniteliğin değerini yazdıracağız, bunun için yöntemde başlatmak modele bir çağrı ekleyeceğiz yöntem üzerinde ve etkinlikte ne olduğunu size söyleyeceğiz değişiklik hangi çalışması gerekir:

Bu kodu çalıştırırsak, model her değiştiğinde bir satır ve ayrıca model başlatıldığında bir başlangıç ​​satırı elde ederiz.
Bakalım sonuç bize ne verecek:

BÜYÜT

Modelin değiştiğini söyleyen iki satır aldığımızı görüyoruz, bu miktar kullandığımız iki sefere denk geliyor. yöntem sunucusu () Modelin özelliklerine bir değer vermek için model başlatma satırının nasıl yazdırıldığını da görüyoruz.
Belirli bir özellikteki değişiklikleri duyun
Bu seçeneği, belirli bir öznitelik değiştiğinde bir eylem yürütmemize izin verir.Bununla elde edebileceğimiz şey, ister bir öznitelik değişsin ister diğerinde farklı eylemleri yönlendirebilmemizdir, bununla uygulamadaki olayların çok daha dinamik bir bağımsızlığını elde edeceğiz.
Bunu nasıl yapabileceğimizi aşağıdaki kodda görelim:

 var Todo = Backbone.Model.extend ({// Varsayılan öznitelik değerleri varsayılanları: {title: '', tamamlandı: ''}, initialize: function () {console.log ('Bu model başlatıldı'); this.on ('değişim: başlık', işlev () {console.log ('Başlık öznitelik değeri değişti.');});}, setTitle: function (newTitle) {this.set ({title: newTitle}) );}}); var myTodo = new Todo(); // Her iki form da change olayını tetikler: myTodo.set ('title', 'Bir başlangıç ​​başlığı yerleştirdik.'); myTodo.setTitulo ('Başlığı değiştirdik.'); myTodo.set ('tamamlandı', 'Etkinliği tetiklemez'); 

Aşağıdaki resimde, önceki alıştırmadaki kodu çalıştırdıktan sonra her şeyin nasıl göründüğünü görebiliriz:

BÜYÜT

Tamamlanan özniteliği değiştirirken hiçbir şey olmaz ve bu nedenle konsol tarafından hiçbir şey yazdırılmaz.
Bu öğreticinin sonunda, uygulamamızın farklı olaylarının aşağıdaki gibi işlenmesiyle ilgili çok daha geniş bir bilgiye sahibiz. Backbone.js.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.