ikatlah ilmu dengan menuliskannya

Tutorial Upload File Excel Into Gridview

ASP.NET C#
Christian Yonathan S.
Christianys14@gmail.com

Tutorial Upload File Excel Into Gridview ASP.NET C#

by Laboratorium ICT Terpadu is licensed under a
Creative Commons Attribution-NonCommercialShareAlike 4.0 International License.

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.

ikatlah ilmu dengan menuliskannya

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

Gambar 1. Tampilan UI

Nama

Nama Kontrol

Keterangan

Label
A

fileupload_Excel

Berfungsi sebagai file upload

gridviewHasil_Excel

Isi pada file excel akan ditampilkan disini

tombolUpload_Excel Jika tombol ditekan maka dan semua

kondisi terpenuhi isi pada file excel akan
tampil pada gridview

labelKet_Error

Jika terjadi error atau suatu kesalahan,

akan tertulis disini

ikatlah ilmu dengan menuliskannya

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

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
3

ikatlah ilmu dengan menuliskannya

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

3.3.1.2. Listing Code excelToGridViewP02()

Gambar 5. Listing Code #1

ikatlah ilmu dengan menuliskannya

Gambar 6. Listing Code #2

Gambar 7. Listing Code #3

3.4. Via web.config

3.4.1. Listing Code .aspx.cs
3.4.1.1.

Listing Code tombolUpload_Excel_Click()

Gambar 8. Listing Code Tombol Upload

3.4.1.2.

Listing Code excelToGridViewP04()

ikatlah ilmu dengan menuliskannya

Gambar 9. Listing Code #1

Gambar 10. Listing Code #2

3.5. Via direct

3.5.1. Listing Code .aspx.cs

3.5.1.1.

Listing Code tombolUpload_Excel_Click()

Gambar 11.

3.5.1.2.

Listing Code Tombol Upload

Listing Code excelToGridViewP03()

ikatlah ilmu dengan menuliskannya

Gambar 12. Listing Code #1

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 deklarasinya 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 1997extension .xls)), sedangkan Ace.12.0 diperuntukkan untuk jenis office
(dalam hal ini Excel 2007-2013(dengan extension .xlsx))
4. Q : apakah bisa pada excel yang telah dilakukan penggabungan kolom
atau baris lalu ditampilkan pada gridview?
7

ikatlah ilmu dengan menuliskannya

A : sejauh ini, kebanyakan tutorial yang telah penulis cari dan temukan
hanya yang biasa saja (tanpa) melakukan penggabungan kolom atau
baris akan tetapi tidak tertutup kemungkinan bisa. Faktanya adalah
gridview merupakan pergantian dari tag html <tr><td>, meski
<tr><td> bisa melakukan penggabungan akan tetapi gridview hanya
sebatas (tanpa) penggabungan baris atau kolom.

ikatlah ilmu dengan menuliskannya

REFERENSI
http://www.aspdotnet-suresh.com/2012/12/how-to-import-data-fromexcel-to-aspnet.html
http://forums.asp.net/t/1981731.aspx?Importing+Excel+into+gridview