Tutorial ASP.Net dan GridView : Binding Gridview dengan Array Part 2

Praktikum

1. Buat Sebuah project ASP.Net Web Application
2. Beri nama GridViewArray2
3. Buat sebuah Web Form dengan nama WebForm1.aspx
4. Tambahkan sebuah GridView ke WebForm1.aspx (GridView bisa ditemukan pada ToolBox Data), biarkan saja IDnya GridView1.
5. Setting Property AutoGeneratedColumns di GridView1 menjadi false. 
6. Ketikkan Script Gridview (di WebForm1.aspx) Seperti Berikut ini :
   
   

   <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
       <Columns>
           <asp:BoundField DataField="Text" HeaderText="Nama" />
           <asp:BoundField DataField="Value" HeaderText="Alamat" />
       </Columns>
   </asp:GridView>
   

   
   
7. Sekarang kita pindah ke Code Behindnya (Tekan F7 atau pilih menu View-Code)
8. Pada bagian using namespace (bagian paling atas) ketikan :
   
   

   using System.Collections;
   



9. Pada Code Behind, didalam Method Page_Load, ketikkan script berikut ini 

   protected void Page_Load(object sender, EventArgs e)
   {
       string[,] arr = {
   
               { "Edi", "Tegal" },
   
               { "Ida", "Klaten" },
   
               { "Dunia", "Jakarta" },
   
               { "Thomas", "Medan"}
   
               };
   
       ArrayList arrList = new ArrayList();
   
       for (int i = 0; i < 4; i++)
       {
   
           arrList.Add(new ListItem(arr[i, 0], arr[i, 1]));
   
       }
   
       GridView1.DataSource = arrList;
   
       GridView1.DataBind();
   }
   

   
   
10.  Nah, sekarang bisa sobat run Projectnya (Tekan F5)

Jika sobat ingin mendownload source code yang digunakan dalam praktikum kali ini, bisa di 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 Tutorial ASP.Net dan GridView : Binding Gridview dengan Array Part 2 bermanfaat bagi Anda.