Binding GridView ASP.Net dengan File XML

Posted by Edi Prakoso On Sabtu, 21 Juli 2012 0 komentar

Selamat siang sobat, kali ini saya ingin sharing tentang bagaimana caranya Binding GridView ASP.Net dengan File XML. Binding GridView dengan File XML sangat mudah di pemrograman .net, hal ini karena GridView mendukung berbagai format data yang digunakan untuk sourcenya.

PERSIAPAN

Untuk praktikum kali ini, saya menggunakan IDE Visual Studio 2010, dan untuk file XMLnya saya menggunakan mahasiswa.xml, yang isinya adalah :

<?xml version="1.0" encoding="utf-8"?>
<table name="mahasiswa">
 <row>
  <NIM>001</NIM>
  <NAMA>Andi</NAMA>
  <ASAL>Jakarta</ASAL>
 </row>
 <row>
  <NIM>002</NIM>
  <NAMA>Ani</NAMA>
  <ASAL>Jakarta</ASAL>
 </row>
 <row>
  <NIM>003</NIM>
  <NAMA>Ari</NAMA>
  <ASAL>Bandung</ASAL>
 </row>
 <row>
  <NIM>004</NIM>
  <NAMA>Budi</NAMA>
  <ASAL>Bogor</ASAL>
 </row>
 <row>
  <NIM>005</NIM>
  <NAMA>Fauzi</NAMA>
  <ASAL>Cirebon</ASAL>
 </row>
 <row>
  <NIM>006</NIM>
  <NAMA>Diana</NAMA>
  <ASAL>Surabaya</ASAL>
 </row>
 <row>
  <NIM>007</NIM>
  <NAMA>Indah</NAMA>
  <ASAL>Yogyakarta</ASAL>
 </row>
 <row>
  <NIM>008</NIM>
  <NAMA>Rofid</NAMA>
  <ASAL>Semarang</ASAL>
 </row>
 <row>
  <NIM>009</NIM>
  <NAMA>Wahyu</NAMA>
  <ASAL>Semarang</ASAL>
 </row>
 <row>
  <NIM>010</NIM>
  <NAMA>Rendra</NAMA>
  <ASAL>Bandung</ASAL>
 </row>
 <row>
  <NIM>011</NIM>
  <NAMA>Edi</NAMA>
  <ASAL>Tegal</ASAL>
 </row>
</table>


 PRAKTIKUM

Langkah langkah pembuatan Gridview dengan XML adalah :
  1. Buat Sebuah GridView, beri nama dengan GridView1
  2. Buat tiga buah bound field, dengan masing masing properti DataField NIM,NAMA,ASAL, Source dari GridViewnya adalah :

  3. <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
        Width="259px">
        <Columns>
            <asp:BoundField DataField="nim" HeaderText="NIM" />
            <asp:BoundField DataField="nama" HeaderText="Nama" />
            <asp:BoundField DataField="asal" HeaderText="Asal" />
        </Columns>
    </asp:GridView>
    

  4. Tambahkan File mahasiswa.xml yang sudah dibuat, dengan cara Pilih menu Project > Add Existing Item, kemudian ubah property Copy to Output Directory milik mahasiswa.xml menjadi Copy if newer
  5. Pada Code Behind, buat sebuah method BindGridView, ketikkan source berikut ini :

  6. void BindGridView()
    {
        DataSet dt = new DataSet();
        String rootPath = Server.MapPath("mahasiswa.xml");
        dt.ReadXml(rootPath);
        GridView1.DataSource = dt.Tables[1];
        GridView1.DataBind();
    }
    

  7. Panggil method BindGridView di Page_Load

  8. protected void Page_Load(object sender, EventArgs e)
    {
        BindGridView();
    }
    

  9. Jalankan Project dengan tekan F5
Hasil dari praktikumnya adalah :
Project yang digunakan dalam praktikum kali ini, bisa sobat download di mediafire


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 Binding GridView ASP.Net dengan File XML bermanfaat bagi Anda.



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

Posting Komentar