tutorial upload file excel into gridview asp.net

[Uploading File Excel Into Gridview ASP.NET C#]

[Bahasa Indonesia]

Christian Yonathan S.

of 8

A. Bahan dan Alat

1. Hardware berupa PC/Laptop dengan perangkat lunak Microsoft Visual

Studio 2008 atau 2010 atau lebih dari itu. Akan tetapi Penulis menggunakan

Visual Studio 2008.

2. Data dummy berupa file excel, yang nantinya akan digunakan untuk

diupload pada website.

3. Knowledge programming language C#.NET.

4. Modul mengenai Tutorial File Excel Into Gridview.

B. Waktu Yang Diperlukan

15-20Menit.


[Bahasa Indonesia]


of 8

C. Praktikkum

1. Buatlah sebuah tampilan UI seperti gambar di bawah ini :

Gambar 1. Tampilan UI

Nama

Label

Nama Kontrol Keterangan

A fileupload_Excel Berfungsi sebagai file upload

B gridviewHasil_Excel Isi pada file excel akan ditampilkan disini

C tombolUpload_Excel Jika tombol ditekan maka dan semua

kondisi terpenuhi isi pada file excel akan

tampil pada gridview

D labelKet_Error Jika terjadi error atau suatu kesalahan,

akan tertulis disini


[Bahasa Indonesia]


of 8

2. Listing Code .aspx

3. Setting Upload File

“Banyak Jalan Menuju Roma”, itulah ungkapan yang pas untuk setting

upload file excel : setting via web config atau via direct. Penulis akan

menjelaskan via web config terlebih dahulu.

3.1. Bukalah web.config. (panah merah)

Gambar 2. Setting Web.Config


[Bahasa Indonesia]


of 8

3.2. Buatlah sebuah folder dengan nama folder “fUploads”, sebenarnya

nama folder dibebaskan. Setelah membuah folder, buatlah sebuah file

excel dengan nama file apapun lalu simpan pada folder yang telah

dibuat tadi, dalam kasus ini folder “fUploads”. (panah orange)

3.3. Ketika sudah membuka web.config tambahkan seperti ini

Gambar 3. Tambahkan pada Web.config

3.3.1. Listing Code .aspx.cs

3.3.1.1. Listing Code tombolUpload_Excel_Click

Gambar 4. Listing Code Tombol Upload


[Bahasa Indonesia]


of 8

3.3.1.2. Listing Code excelToGridViewP02()

Gambar 5. Listing Code #1



[Bahasa Indonesia]


of 8


3.4. Via direct


3.4.1.1. Listing Code tombolUpload_Excel_Click()





[Bahasa Indonesia]


of 8


3.5. Via web.config


3.5.1.1. Listing Code tombolUpload_Excel_Click()





[Bahasa Indonesia]


of 8

D. Questions & Answers

1. Q : apa perbedaan setting melalui web.config dengan direct?

A : pada baris 69,74,157,162(.aspx.cs) merupakan settingan dengan

web.config, sedangkan pada 125,129(.aspx.cs) merupakan settingan

dengan direct. Secara garis besar yang membedakan settingan web.config

dengan direct adalah “tempat deklarasi”nya saja apakah mau pada

web.config atau di aspx.cs langsung. Akan tetapi, pada umumnya

peletakkan mengenai web yang sedang proses develop diletakkan pada

web.config.

2. Q : untuk nama sheet diexcel harus kita tuliskan atau tidak pada koding

.aspx.cs?

A : tidak harus, jika ingin ya tidak apa-apa juga. Lihat pada baris

{(81,82),(132),(164)} jika ingin tulis nama sheet dengan benar, maka

ikutilah {(132),(164)}, ingat huruf besar dan kecil harus sesuai dengan

nama sheet pada Excel. Jika tidak ingin ditulis, maka ikutilah {(81,82)}.

3. Q : perbedaan provider=Jet.4.0 atau Ace.12.0?

A : Jet.4.0 diperuntukkan untuk jenis office (dalam hal ini Excel 1997-

2003(dengan extension .xls)), sedangkan Ace.12.0 diperuntukkan untuk

jenis office (dalam hal ini Excel 2007-2013(dengan extension .xlsx)).

tutorial upload file excel into gridview asp.net

Technology