Tutorial ASP.Net dan Gridview : Binding GridView dengan SQL Server

Posted by Edi Prakoso On Selasa, 17 Juli 2012 2 komentar

Hai Sobat, bertemu lagi dengan dunia edi, sekarang saya ingin sharing tentang Binding GridView dengan SQL Server. Seperti kita ketahui, GridView adalah kontrol ASP.Net untuk menampilkan data. GridView dapat menampilkan data dari database, dari XMl, dari Array (seperti contoh disini). 

Dalam sharing kali ini, tool yang saya gunakan adalah :
  1. Visual Studio 2010
  2. SQL Server 2008

PERSIAPAN

Sebelum memulai praktikum, kita siapkan dulu tabel yang akan kita binding dengan gridview. Silahkan sobat buat tabel di SQL Server dengan nama mahasiswa, field field yang ada di tabel mahasiswa adalah :

Column Name
Data Type
Allow Nulls
NIM
varchar(20)
No
Nama
varchar(40)
Yes
Alamat
Varchar(50)
Yes

PRAKTIKUM

Ok, sekarang kita mulai praktikumnya, langkah langkahnya adalah :
  1. Buat sebuah project ASP.Net Web Application, lalu buat sebuah Web Form
  2. Tambahkan sebuah GridView kedapam web form
  3. Tampilkan GridView Task dari grid view yang baru saja ditambahkan, kurang lebih tampilannya seperti berikut ini :

  4. Pada bagian Choose Data Source, pilih New Data Source, lalu akan tampil window DataSource Configuration Wizard, seperti gambar dibawah ini
  5. Pilih Database, Lalu Pilih Connection String mu atau pilih New Connection
  6. Pada dialog Save the Connection String to the Application Configuration File, uncentang checkbox yang ada (kita tidak ingin menyimpan connection string ke web.config)
  7. Pilih table yang akan di Binding dengan GridView (tabel yang digunakan di sharing kali ini adalah tabel mahasiswa). Untuk column, silahkan pilih column yang akan ditampilkan di GridView.
  8. Kemudian klik finish untuk membinding GridView dengan SqlDataSource. Berikut ini adalah tampilan source pada gridview yang sudah jadi.

  9. <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
        DataKeyNames="NIM" DataSourceID="SqlDataSource1">
        <Columns>
            <asp:BoundField DataField="NIM" HeaderText="NIM" ReadOnly="True" 
                SortExpression="NIM" />
            <asp:BoundField DataField="Nama" HeaderText="Nama" SortExpression="Nama" />
            <asp:BoundField DataField="Alamat" HeaderText="Alamat" 
                SortExpression="Alamat" />
        </Columns>
    </asp:GridView>
    

  10. Sekarang silahkan jalankan project yang dibuat (tekan F5)
Nah, gampang kan membinding gridview dengan database. :)

Kalau sobat kurang jelas, jangan sungkan bertanya ya.. dunia edi siap membantu. :)
atau kalo sobat ada hal hal baru yang belum paham betul, bisa request artikel di menu Request Artikel

Semoga artikel Tutorial ASP.Net dan Gridview : Binding GridView dengan SQL Server bermanfaat bagi Anda.



Terima kasih sobat sudah singgah di blog Dunia Edi
Judul :
Tutorial ASP.Net dan Gridview : Binding GridView dengan SQL Server
Ditulis oleh Edi Prakoso
Anda sedang membaca artikel Tutorial ASP.Net dan Gridview : Binding GridView dengan SQL Server. Jika ingin mengutip, harap memberikan link aktif dofollow ke URL http://duniaedi.blogspot.com/2012/07/binding-gridview-dengan-sql-server.html. Terima kasih sudah singgah di blog ini.
Jika artikel ini bermanfaat,bagikan kepada rekan melalui:

+ komentar + 2 komentar

16 Desember 2013 pukul 22.37

Untuk tambahan ni gan, di blog ini...

http://windowshosting.blogdetik.com/2013/12/17/aspnet-hosting-conditional-binding-expression-dengan-aspnet-gridview/

Ada tutorial untuk Conditional Binding Expression dengan ASP.NET GridView

Semoga bermanfaat :)

Terimakasih Unknown atas Komentarnya di Tutorial ASP.Net dan Gridview : Binding GridView dengan SQL Server
14 Oktober 2014 pukul 20.32

bang edi ane mohon pencerahannya nih
- ini ada 1 project website email broadcast asp.net c# 2012 dan sql server 2012
nah ane skrg pakai vs2010 dan sql 2008

- itu project sudah bisa kebuka tetapi masih banyak error dan database belum terkoneksi

- sql2012nya sudah saya generate biar bisa saya jalankan di sql2008

- apakah vs2010 dengan vs2012 mempunyai fungsi yang berbeda ketika di downgrade dan apa pengaruhnya bang?

terima kasih matursuwun mas :)

Terimakasih Unknown atas Komentarnya di Tutorial ASP.Net dan Gridview : Binding GridView dengan SQL Server

Posting Komentar