GridWeb Kullanılarak Bir Veri Setini Çalış Sayfasına Bağlama

Bu makale, Aspose.Cells.GridWeb ile birlikte sağlanan özel bir araç olan Worksheets Designer’ı kullanarak GUI moda tabloları veritabanına bağlamanın kolay bir yaklaşımını tartışmaktadır.

Worksheets Designer Kullanarak Veritabanı İle Çalış Sayfasının Bağlanması

**Adım 1: Örnek Bir Veritabanı Oluşturma**

1. Öncelikle makalede kullanılacak örnek veritabanını oluşturuyoruz. Bu makalede, Products adında bir tablo içeren bir veritabanı oluşturmak için Microsoft Access’i kullanıyoruz. Şeması aşağıda gösterilmiştir. Products tablosunun tasarım bilgileri

1. Bazı örnek kayıtlar Products tablosuna eklenir. Products tablosundaki kayıtlar

Adım 2: Örnek Uygulamanın Tasarlanması

Bir ASP.NET web uygulaması oluşturulur ve Visual Studio.NET’te tasarlanır, aşağıda gösterildiği gibi. Tasarlanmış örnek uygulama

Adım 3: Sunucu Gezgini Kullanarak Veritabanına Bağlanma

Artık veritabanına bağlanma zamanı. Bunun için Visual Studio.NET’te Sunucu Gezgini’ni kullanarak kolayca yapabiliriz.

1. Sunucu Gezgini‘nde Veri Bağlantısı‘nı seçin ve sağ tıklayın.
2. Menüden Bağlantı Ekle‘yi seçin. Bağlantı Ekle seçeneğini seçme

Veri Bağlantısı Özellikleri iletişim kutusu görüntülenir. Veri Bağlantısı Özellikleri iletişim kutusu

Bu iletişim kutusunu kullanarak herhangi bir veritabanına bağlanabilirsiniz. Varsayılan olarak, bir SQL Server veritabanına bağlanmanıza izin verir. Bu örnekte bir Microsoft Access veritabanına bağlanmamız gerekiyor.

1. Sağlayıcı sekmesine tıklayın.
2. OLE DB Sağlayıcılar listesinden Microsoft Jet 4.0 OLE DB Sağlayıcısı‘nı seçin.
3. Sonraki‘ye tıklayın. OLE DB sağlayıcı seçtikten sonra İleri’ye tıklama

Bağlantı sekmesi açılır.

1. Microsoft Access veritabanı dosyasını (bizim durumumuzda db.mdb) seçin ve Tamam‘a tıklayın. Veritabanı dosyasını seçtikten sonra Tamam düğmesine tıklama

Tamam‘a tıkladıktan sonra Microsoft Access veritabanına bir veritabanı bağlantısı Sunucu Gezgini‘nde oluşturulur. Tüm tabloları, görünümleri ve depolanan prosedürleri veritabanında görmek için bağlantıya çift tıklayın.

Adım 4: Veritabanı Bağlantı Nesnelerinin Grafiksel Olarak Oluşturulması

Sunucu Gezgini‘nde tabloları göz atın. Sadece bir tablo var, Products.

1. Web Form‘a Sunucu Gezgini‘nden Products tablosunu sürükleyip bırakın. Sunucu Gezgini’nden Products tablosunu sürükleyip web formuna bırakma

Bir iletişim kutusu görünebilir. Bağlantı dizesine veritabanı parolasını dahil etmeyi onaylamak için iletişim kutusu

Bağlantı dizesinde bir veritabanı şifresini içermek isteyip istemediğinize karar verin. Bu örnekte Şifreyi Dahil Etme seçildi. İki veritabanı bağlantı nesnesi (oleDbConnection1 ve oleDbDataAdapter1) oluşturuldu ve eklenmiştir. Veritabanı bağlantı nesneleri (oleDbConnection1 & oleDbDataAdapter1) oluşturuldu ve görüntülendi

Adım 5: DataSet Oluşturma

Şimdiye kadar veritabanı bağlantı nesneleri oluşturduk ancak hala veritabanına bağlandıktan sonra veriyi saklamak için bir yere ihtiyacımız var. Bir DataSet nesnesi veriyi kesinlikle saklayabilir ve VS.NET IDE kullanarak kolayca oluşturabiliriz.

1. oleDbDataAdaper1‘i seçin ve sağ tıklayın.
2. Menüden DataSet Oluştur seçeneğini seçin. Generate DataSet seçeneğini seçme

DataSet Oluştur iletişim kutusu görüntülenir. Burada, oluşturulacak yeni DataSet nesnesi için bir isim seçmek ve hangi tabloların ona ekleneceğini seçmek mümkündür.

1. Bu veri kümesini tasarımcıya ekle seçeneğini seçin.
2. Tamam‘a tıklayın. DataSet oluşturmak için Tamam düğmesine tıklama

Bir dataSet11 nesnesi tasarımcıya eklenir. DataSet oluşturuldu ve tasarımcıya eklendi

Adım 6: Çalışsay Tasarımcısı Kullanımı

Şimdi, sırrı açma zamanı.

1. GridWeb kontrolünü seçin ve sağ tıklayın.

2. Menüden Çalışsay Tasarımcısı seçeneğini seçin.

   Çalışsay Tasarımcısı seçeneğini seçme

Çalışsay Koleksiyon Düzenleyicisi (aynı zamanda Çalışsay Tasarımcısı olarak da adlandırılır) görüntülenir. Çalışsay Koleksiyon Düzenleyici iletişim kutusu

İletişim kutusu, Sheet1’in herhangi bir tabloya bağlanması için yapılandırılabilecek birkaç özelliği içerir.

1. DataSource özelliğini seçin. Önceki adımda oluşturulan dataSet11 nesnesi menüde listelenir.
2. dataSet11’i seçin.
3. DataMember özelliğine tıklayın. Çalışsay Tasarımcısı dataSet11 içindeki tabloların bir listesini otomatik olarak gösterir. Yalnızca bir tablo, Ürünler vardır.
4. Ürünler tablosunu seçin. DataSource ve DataMember özelliklerini ayarlama

1. BindColumns özelliğini kontrol edin. BindColumns özelliğine tıklayın

BindColumns özelliğine tıklamak, BindColumn Koleksiyon Düzenleyicisini açar. BindColumn Koleksiyon Düzenleyicisi

BindColumn Koleksiyon Düzenleyicisi’nde, Products tablosunun tüm sütunları otomatik olarak BindColumns koleksiyonuna eklenir.

1. Herhangi bir sütunu seçin ve özelliklerini özelleştirin. Örneğin, her sütun başlığını değiştirebilirsiniz. ProductID sütununun Başlığını Değiştirmek

1. Değişiklikleri yaptıktan sonra Tamam‘a tıklayın.
2. Tamam‘a tıklayarak tüm iletişim kutularını kapatın. Son olarak, WebForm1.aspx sayfasına dönersiniz. Worksheets Tasarımcısı’nı kullandıktan sonra WebForm1.aspx sayfasına geri dönme

Yukarıda, Products tablosunun sütun adı gösterilmektedir. Bazı sütunların tam adları tamamen görünmez olduğu için sütunların genişliği küçüktür.

Adım 7: Page_Load Olay İşleyicisine Kod Ekleme

Worksheets Tasarımcısı’nı kullandık ve şimdi sadece dataSet11 nesnesini veritabanından gelen verilerle doldurmak için Page_Load olay işleyicisine kod eklememiz gerekiyor (oleDbDataAdapter1’i kullanarak) ve GridWeb denetimini dataSet11 ile veri bağlamak için DataBind yöntemini çağırmak.

1. Kodu ekleyin:

C#

 //Implementing Page_Load event handler

private void Page_Load(object sender, System.EventArgs e)

{

    //Checking if there is not any PostBack

    if (!IsPostBack)

    {

        try

        {

            //Filling DataSet with data 

            oleDbDataAdapter1.Fill(dataSet11);

            //Binding GridWeb with DataSet

            GridWeb1.DataBind();

        }

        finally

        {

            //Finally, closing database connection

            oleDbConnection1.Close();

        }

    }

}

VB.NET

 'Implementing Page_Load event handler

Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles MyBase.Load

    'Checking if there is not any PostBack

    If Not IsPostBack Then

        Try

            'Filling DataSet with data 

            oleDbDataAdapter1.Fill(dataSet11)

            'Binding GridWeb with DataSet

            GridWeb1.DataBind()

        Finally

            'Finally, closing database connection

            oleDbConnection1.Close()

        End Try

    End If

End Sub

1. Page_Load olay işleyicisine eklenen kodu kontrol edin. Page_Load olay işleyicisine eklenen kod

Adım 8: Uygulamayı Çalıştırma

Uygulamayı derleyip çalıştırın: ya Ctrl+F5 tuşuna basın ya da Başlat‘a tıklayın. Uygulamayı çalıştırma

Derlemeden sonra, webForm1.aspx sayfası, veritabanından yüklenmiş tüm verilerle birlikte bir tarayıcı penceresinde açılır. GridWeb denetimine veritabanından yüklenmiş veri

GridWeb Denetimi İle Çalışma

Veri GridWeb denetimine yüklendiğinde, kullanıcılara veri üzerinde kontrol sağlar. GridWeb tarafından bir dizi farklı veri işleme özelliği sunulmaktadır.

Veri Doğrulama

Aspose.Cells.GridWeb, veritabanında tanımlanan veri tiplerine göre tüm bağlı sütunlar için uygun doğrulama kuralları otomatik olarak oluşturur. Bir hücrenin doğrulama türünü üzerine gelerek imleci kullanarak görebilirsiniz. Hücrenin doğrulama türünü kontrol etme

Here, the selected cell contains the validation, which means that users can only enter integer values into it. If they enter another value, a validation error occurs. Moreover, shows that the value Product ID must be submitted.

Satırları Silme

Bir satırı silmek için bir satırı (veya satırdaki herhangi bir hücreyi) seçin, sağ tıklayın ve Satırı Sil seçeneğini seçin. Menüden Satırı Sil seçeneğini seçmek

Satır hemen silinir. Satır silindikten sonraki ızgara verileri

Satırları Düzenleme

Hücre veya satırlardaki verileri düzenleyin ve ardından değişiklikleri kaydetmek için Kaydet veya Gönderi tıklayın.

Satırlar Ekleme

1. Bir satır eklemek için bir hücreye sağ tıklayın ve Satır Ekle‘yi seçin. Menüden Satır Ekle seçeneğini seçmek

Yeni bir satır diğer satırların sonunda sayfaya eklenir. Izgara’ya eklenen yeni satır

At the left of the new row is an asterisk , indicating that the row is new.

1. Yeni satıra değerler ekleyin.
2. Değişikliği onaylamak için Kaydet veya Gönderi tıklayın. Kaydet düğmesine tıklayarak verilere yapılan değişiklikleri kaydetme

Sayı Biçimini Ayarlama

Şu anda Ürün Fiyatı sütunundaki fiyatlar sayısal değer olarak gösterilmektedir. Bunları para birimi gibi göstermek mümkündür.

1. Visual Studio.NET’e geri dönün.
2. BindColumn Collection Editor’ü açın. Ürün Fiyatı sütununun NumberType özelliği Genel olarak ayarlanmıştır. NumberType özelliği Genel olarak ayarlandı

1. DropDownList‘e tıklayın ve listeden Para Birimi4‘ü seçin. NumberType özelliği Para Birimi4 olarak değiştirildi

1. Uygulamayı tekrar çalıştırın. Ürün Fiyatı sütunundaki değerler artık para birimidir. Ürün fiyatları para Birimi Numarası Biçiminde

Verileri Düzenleme

Uygulama şu ana kadar kullanıcılarına yalnızca tablo verilerini görüntüleme olanağı sağlar. Kullanıcılar GridWeb kontrolünde verileri düzenleyebilir ancak tarayıcıyı kapatıp veritabanını açtıklarında hiçbir değişiklik olmaz. Yapılan değişiklikler veritabanında kaydedilmez.

Aşağıdaki örnek, GridWeb’in veritabanına yapılan değişiklikleri kaydedebilmesi için uygulamaya kod ekler.

1. Özellikler panelini açın ve listeden GridWeb kontrolünün SaveCommand olayını seçin. GridWeb’in SaveCommand olayını seçmek

1. SaveCommand etkinliğine çift tıklayın ve VS.NET GridWeb1_SaveCommand etkinlik işleyicisini oluşturur.
2. Bu etkinlik işleyicisine ekleyeceğiniz kod, oleDbDataAdapter1 ile çalışsayan çalış sayfasına bağlı DataSet’teki değiştirilmiş verileri veritabanı ile güncelleyecektir.

C#

 //Implementing the event handler for SaveCommand event

private void GridWeb1_SaveCommand(object sender, System.EventArgs e)

{

    try

    {

        //Getting the modified data of worksheet as a DataSet

        DataSet dataset = (DataSet)GridWeb1.WorkSheets[0].DataSource;

        //Updating database according to modified DataSet

        oleDbDataAdapter1.Update(dataset);

    }

    finally

    {

        //Closing database connection

        oleDbConnection1.Close();

    }

}

VB.NET

 'Implementing the event handler for SaveCommand event

Private Sub GridWeb1_SaveCommand(ByVal sender As Object, ByVal e As System.EventArgs) Handles GridWeb1.SaveCommand

    Try

        'Getting the modified data of worksheet as a DataSet

        Dim dataset As DataSet = CType(GridWeb1.WorkSheets(0).DataSource, DataSet)

        'Updating database according to modified DataSet

        oleDbDataAdapter1.Update(dataset)

    Finally

        'Closing database connection

        oleDbConnection1.Close()

    End Try

End Sub

GridWeb1_SaveCommand etkinlik işleyicisine eklenen kodu da kontrol edebilirsiniz GridWeb1_SaveCommand etkinlik işleyicisine eklenen kod

Şimdi Kaydet düğmesini kullanarak veritabanındaki değişiklikleri kesinlikle kaydeder.

Sonuç

Veri bağlama, Aspose.Cells.GridWeb’in önemli bir özelliğidir. Aspose.Cells.GridWeb’in sunduğu Çalış Sayfaları Tasarımcısı aracılığıyla çalış sayfalarını veritabanına kolayca bağlayabilirsiniz. Aspose.Cells.GridWeb güçlü Grid çözümleri oluştururken zaman ve çaba kazandırır.