Posted by Merhaba Arkadaşlar bu yazımda sizlere Kendo Grid Kolon Listesini Alma konusundan bahsedeceğim.
Öncelikle Kendo Nedir?
Kendo UI Html ve Javascript teknolojilerini temel alan aynı zamanda birçok programlama dilini de server-side tarafında destekleyen bir UI(User Interface) Framework’tür.
Kendo Grid Nedir?
Kendo Grid ise verilerimizi listelemek için kullandığımız ve belli başlı işlemleri kolay bir şekilde ayarlamamızı sağlayan bir component’tir. Belli başlı işlemlere örnek olarak Sıralama, Filtreleme, Sayfalama, Excel’e Aktarma gibi özellikleri sayabiliriz.
Bazı kullandığımız gridlerde kolon sayımız fazla olabilir. Bu kolonların listesini çekip ona göre bir işlem yapmak isteyebiliriz. Örnek vermek gerekirse; Diyelim ki biz grid üzerinde listelenen verilerimizi excel’e aktarmak istiyoruz ve bu kolon listesinin sırası bizim için önemli olabilir. Ya da ekran üzerinden kontrol etmemiz bizi biraz uğraştıracağından dolayı kolonların listesini kod üzerinden görüp ona göre işlemlerimizi sağlamak istiyoruz. Bu durumu script ile listeleyebilir ve de işlemlerimize ona göre devam edebiliriz.
Kendo grid field listesini alabileceğimiz örnek kodu paylaşmak istiyorum.
$("#ExportExcel").click(function (e) {
var grid = $("#ProductsGrid").data("kendoGrid");
var gridColumns = grid.columns;
for (var i = 0; i < gridColumns.length; i++) {
console.log(gridColumns[i].field);
}
}Örnek kod ile öncelikle grid componentimizi ismini yazarak seçiyoruz. Daha sonrasında grid üzerindeki kolonlarımızı grid.columns ile çekiyoruz. Sonrasında ise döngü yardımı ile kolonların field özelliğini console üzerinde yazdır diyoruz. F12 ile console sekmesini açtığımızda grid’de bulunan kolonların burada listelendiğini görebiliriz.
Umarım faydalı olur.
Bir sonraki yazıda görüşmek üzere.