Ext Core’a Giriş

Ext Core düşük boyutta, zengin özellikler içeren MIT lisansı altında lisanslanmış bir JavaScript kütüphanesidir. Ext Core hızlı bir web geliştirme aracı olması için heyecan verici özelliklerle donatılmış, tasarlanmıştır. Bu geliştiriciyi güzel bir tasarıma ve daha doğru bir kod yazmaya teşvik eder. Bu kütüphane DOM (manipulation/traversal), Ajax, Olaylar (events) ve özelleştirilebilir olaylar, animasyonlar, şablonlama, OO mekanizmalar ve daha fazlasını sağlar.
Yüksek performans elde edebilir ve çapraz tarayıcıda çalışır (Internet Explorer 6+, FireFox 1.5+ (PC, Mac), Safari 3+, Opera 9+ (PC, Mac)). Bu kadar açıklamanın Ext Core hakkında bir fikir oluşturacağına inanıyorum.

ExtJS İle Ext Core’un Arasındaki Farklar

Ext Core’un detaylarına geçmeden önce muhtemelen daha önce duymuş olduğunuz ExtJS ile Ext Core’un arasındaki farkı anlatayım. Ext Core sade JavaScript işlemleri yapmak için yaratılmıştır. ExtJS ise UI işlemleri içinde kullanacağınız bir kütüphanedir. ExtJS’nin ticari amaçla kullanımı için bir lisans almak gerekir. Yine ExtJS ve Core arasındaki farkı jQuery ve jQuery UI’ a benzetebiliriz.

İndirme

Ext Core’u bu adresten indirebilirsiniz

http://extjs.com/products/extcore/download.php

Sayfaya Dahil Etme

İndirdiğimiz Rar dosyasını çıkarıp içinden “ext-core.js” adlı dosyayı projede kullanacağımız dizine atmak ve

<script src="ext-core.js" type="text/javascript"></script>

şeklindeki kodu sayfamıza (javascript dosyalarını sayfanın altına koymak daha fazla performans sağlar.) eklediğimizde kullanıma hazır duruma gelmiş bulunuyor.

Basit bir örnek

Ext.onReady(function() {
    Ext.DomHelper.append(document.body, { cls: 'denemeclass'});
    Ext.select('.denemeclass').update('Merhaba ExtJs!');
});

Ext Fonksiyonları

Ext.onReady(function() {       });

arasına yazılır. Yukarıdaki kodu çalıştırdığınızda “Merhaba ExtJs” sonucuna ulaşacaksınız. Kodu incelediğimizde henüz ilk konularımızda öğrenmeyeceğimiz bir konu bile olsa HTML kullanmadan nasıl çıktı üreteceğimizi göstermek istedim.

Ext.DomHelper.append(document.body, { cls: 'denemeclass'});

ile

document.body

de görüldüğü üzere belgemiz üzerinde “cls” içerisindeki değeri alıp oluşturduğu dive bu classı ekler.

Ext.select('.denemeclass').update('Merhaba ExtJs!');

ise “.denemeclass” isimli classı seçer ve içeriğine “Merhaba ExtJs” yazdırır.

Yukarıdaki kodun HTML olarak çıktısı

<div class="some-class">Ext Core successfully injected</div>

olacaktır.

Ext Core konusuna girişte bunların yeterli olacağını düşünüyorum. Gelecek bölümde selector konusuna değinmeyi planlıyorum.

Okuduğunuz için teşekkürler.

Etiketler: ExtJS, Javascript, Kodlama