Upload
imamhalim
View
9
Download
0
Embed Size (px)
Citation preview
ikatlah ilmu dengan menuliskannya
1
Tutorial Upload File Excel Into Gridview ASP.NET C#
Christian Yonathan S.
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.
Tutorial Upload File Excel Into Gridview ASP.NET C# by Laboratorium ICT Terpadu is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
ikatlah ilmu dengan menuliskannya
2
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
ikatlah ilmu dengan menuliskannya
3
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
ikatlah ilmu dengan menuliskannya
4
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
5
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
6
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. Listing Code Tombol Upload
3.5.1.2. Listing Code excelToGridViewP03()
ikatlah ilmu dengan menuliskannya
7
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 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- extension .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?
ikatlah ilmu dengan menuliskannya
8
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
9
REFERENSI
http://www.aspdotnet-suresh.com/2012/12/how-to-import-data-from-
excel-to-aspnet.html
http://forums.asp.net/t/1981731.aspx?Importing+Excel+into+gridview