Knockout Observable

Aşağıdaki JSON objesini düşünelim:

var hisseSenediViewModel = {
ad: 'Test Tekstil',
kod: 'TESTTEKS',
fiyat: 5.32
};

Gayet basit olan bu nesne aşağıdaki Knockout.js şablonu ile ekrana şöyle yazdırılabilir:

Hisse: data-bind="text: ad">
Kod: data-bind="text: kod">
Fiyat: data-bind="text: fiyat">

(Yukardaki şablona verinin bağlanabilmesi için sayfamızın ko.applyBindings(hisseSenediViewModel); kodunu da çalıştırmamız lazım).

Peki JSON olarak tuttuğumuz nesnenin tuttuğu veride, mesela fiyatta, bir değişiklik olsa, bunu ekrana yansıtmak için JavaScript kod yazıp programatik olarak güncellememiz gerekecek, işte bu noktada Knockout.js bu işi çok kolaylaştırıyor. Görsel HTML elementler ve veri arasındaki bağlantı aşağıdaki gibi dinamik bir yapıya bürünüyor:

var hisseSenediViewModel = {
ad: 'Test Tekstil',
kod: 'TESTTEKS',
fiyat: ko.observable(5.32)
};

//ve şablonumuzda da aşağıdaki değişikliği yapmamız gerekiyor:
Hisse: data-bind="text: ad">
Kod: data-bind="text: kod">
Fiyat: data-bind="text: fiyat()">

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s