Php ve Javascript ile Grid Kontrolleri kullanarak Spreadsheet oluşturma


Grid

Finansal ve istatistiki verileri spreadsheet kullanarak göstermek her ortamda hayatımızı oldukça kolaylaştıran bir yaklaşım. Bilgisayarımızda bunu excel gibi programları kullanarak yapabiliyoruz fakat web’de sadece HTML kullanarak bunu başarmak çok mümkün değil.

Tablonun tamamını görmek için scrollbarlar, verileri değerlerine göre sıralamak gibi verileri etkin içeleme için gerekli unsurlar için spreadsheet kullanımı şart.

Şimdi biz bu işlemi web ortamında yapabilmek için Php ve JavaScript kullanacağız ama öncesinde ActiveWidgets adı verilen bir grid control widget’ını indirmenizi önereceğim. Kütüphanenin içinde kullanışlı çok fazla kod var bunları examaples folderından inceleyebilirsiniz.

ActiveWidgets’ı indirdikten sonra dosyayı web alanınıza yükleyin sonrada aşağıdaki kodu da o alanda ActiveWidgets’i tuttuğunuz dosyanın içine kaydedin. ActiveWidgets GPL Lisansı altında korunmaktadır. Eğer ticari bir ürün için widget’ı kullanacaksanız geliştiricilere ödeme yapmanız gerekiyor.

İşte bizim bu tool’u kullanarak yazmış olduğumuz basit bir örnek; Tabi siz widget’la gelen sample’ları inceleyerek farklı geliştirmeler yapabilirsiniz.

<?php

$states = array(
array(”Istanbul”, 34, 10000000),
array(”Ankara”, 06, 2000000),
array(”Izmir”, 35, 1000000)
);

?>

<html>
<head>

<link href=”runtime/styles/xp/aw.css” rel=”stylesheet” type=”text/css”></link>
<script src=”runtime/lib/aw.js”></script>

</head>
<body>

<div style=”width: 500px; height: 300px;”>

<script>
var data = [

<?php
$first = true;
foreach($states AS $state){
if(!$first)
echo(",");
?>
["<?php echo($state[0]); ?>”, <?php echo($state[1]); ?>, <?php echo($state[2]); ?>]
<?php $first = false;
}?>
];

var columns = ["Sehir", "Trafik Kodu", "Populasyon"];

var grid = new AW.UI.Grid;
grid.setRowCount(data.length);
grid.setColumnCount(columns.length);
grid.setCellText(data);
grid.setHeaderText(columns);
document.write(grid);

</script>

</div>

</body>
</html>

Yazıyı Paylaş:

Bu yaziyi paylasin.
  • Digg
  • del.icio.us
  • 100puan
  • Technorati
  • Limk
  • Bagcik
  • Tusul
  • Oyyla
  • Yumiyum
  • Reddit.tr

« House M.D yazarların grevinden sonra geri dönüyor   |   Web Sitenizi yaptırmak için düşündüğünüz web tasarımcısındaki olmaması gereken 9 önemli özellik »



Yorumlar

Kullanıcı girişi yaparak ya da zorunlu olan * alanlarını doldurarak yorum yapabilirsiniz.

İsminiz *

Email adresiniz *

Web siteniz

Mesajınızı buraya yazabilirsiniz:

Bu Yazı Hakkında

üzerinde şu anda okumakta olduğunuz 'Php ve Javascript ile Grid Kontrolleri kullanarak Spreadsheet oluşturma' isimli yazı 13 Mar 2008 tarihinde, saat: 15:21 'de admin tarafından gönderilmiş.

Benzer yazıları Php kategorilerinden okuyabilirsiniz. Yazar ile irtibat kurmak için email gönderebilirsiniz. Yazıya yorum yapabilir ya da yapılan yorumları RSS 2.0 ile takibe alabilirsiniz.


Eklenen Son Yazılar
Rastgele Yazılar
Son Yorumlar
Bağlantılar