Aug 11 2009

CFGRID ve CFGRIDUPDATE Kullanımı ( AJAX )

Gönderen : Candan Bilecen (3:04 PM)
0 yorum
- Kategori : Coldfusion | Javascript | Ajax | SQL

CfCube.com

Coldfusion içerisinde ki CFGRID nesnesini kullanarak sıklıkla kullandığımız kayıt ekleme,silme ve güncelleme işlerini bir kaç satır kod yazarak zahmetsiz ve sorunsuz bir şekilde otomatik olarak yapılmasını sağlayacağız.Bu işlemlerin dahada kullanışlı olması için Coldfusion'nın submitForm özelliğinden faydalanıcaz ve bu işlemlerimiz AJAX teknolojisi ile desteklenecek..

<cfajaximport>
<script>
    function formuGonder()
   {
        ColdFusion.Ajax.submitForm('girisForm', 'veri.cfm', sonuc,
            hata); //form submit edildiğinde gönderilicek sayfa (submitForm özelliğine bakınız AJAX konularında..)
    }
   
    function sonuc(text)    {
       document.getElementById("icerik").innerHTML = text;
    }
   
    function hata(code, msg) // hata fonksiyonu
    {
        alert("Hata!!! " + code + ": " + msg);
    }
</script>
<cfquery name = "GetCourses" dataSource = "candanBILECEN">
    SELECT kullaniciId, ad, soyad, kayitTarih
    FROM kullanici
    ORDER by kullaniciId ASC
</cfquery>

Grid'imiz adını hangi query'i alacağaını, Modunu ve üzerinde hangi buttonların bulunacağını belirliyoruz.Karışık olmasın diye fazla derine inmiyorum grid'in özelliklerinlerinden başka bir makalede bahsedeceğim..
<cfform name="girisForm">
<cfgrid name = "FirstGrid" width = "450"
    query = "GetCourses"
    font = "Tahoma" rowHeaders = "No"
    colHeaderBold = "Yes"
    selectMode = "EDIT"
    insertButton = "Kayıt Ekle" insert = "Yes" delete = "Yes" deleteButton = "Kayıt Sil">
</cfgrid><br>
<div id="icerik"></div>
<cfinput type="button" value="İşlemleri Sonlandır" onClick="javascript:formuGonder();" name="gridEntered">
</cfform>
Şimdi ikinci bir sayfa daha oluşturalım ve adına veri.cfm diyelim..
<cfgridupdate grid = "FirstGrid" dataSource = "candanBILECEN" Keyonly="true" tableName = "kullanici">
<cfoutput>İşlem Başarıyla Gerçekleştirildi.</cfoutput>
grid ="gridimizin adı"
datasource="veritabanımız"
keyonly="işlemlerin birincil anahtara göre yapılması"
tableName="hangi tablo üzerinde bu işlemleri yapacağımız belirtiyoruz"
Burada girdiğimiz veriler gridimiz ile uyuyorsa sorunsuz bir şekilde çalışacaktır..
Yardımcı olması dileğiyle..

Yorumlar

Yorumunuzu YazInIz



(daha sonra görüntülenmeyecek)