Merhaba arkadaşlar bu yazımda sizlere telerik kendo ui datagrid kullanımından bahsetmek istiyorum.

Bunun için aşağıda yer alan kodları teker teker açıklamaya çalışacağım.

Bu kısımda kendoya ait css’leri ve scriptleri alıyoruz. Böylece kendo componetleri kullanabileceğiz.

Burada bizim html kısmını yazıyoruz kalan işlemleri tamamen jquery ve kendoya bırakıyoruz.

Yukarıda grid diye tanımladığımız tagı alıyoruz ve artık bunun tipini kendogrid olacak şekilde belirtiyoruz. Datayı şu adresten alacağız diye belirtiyoruz. Her bir sayfada 20 adet verinin olacağını ve eğer istenirse de sıralanabilir olacağını belirtiyoruz.

Bu kısımda ise transportta belirtilen verilere uygun bir şekilde doldurulması sağlanmıştır.

Aşağıda yer alan kodda, bir temelde olan dosyaları yazıyoruz. Böylece artık kullanılabilcek yapıya imkan sağlıyoruz. Gerçek bir projede yer alan kodları örnek olması açısından sizlerle paylaşmak istiyorum.

Kalanlar ise yukarıda örneğini verdiğimiz kendo gride  benzer yapılardır.