tutorial upload file excel into gridview asp.net

8
[Uploading File Excel Into Gridview ASP.NET C#] [Bahasa Indonesia] Christian Yonathan S. Page 1 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.

Upload: jonathan-christian

Post on 08-Sep-2015

22 views

Category:

Documents


2 download

DESCRIPTION

Upload File ExcelBahasa Pemrograman ASP.NET C#

TRANSCRIPT

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

    [Bahasa Indonesia]

    Christian Yonathan S.

    Page 1 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.

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

    [Bahasa Indonesia]

    Christian Yonathan S.

    Page 2 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

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

    [Bahasa Indonesia]

    Christian Yonathan S.

    Page 3 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

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

    [Bahasa Indonesia]

    Christian Yonathan S.

    Page 4 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

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

    [Bahasa Indonesia]

    Christian Yonathan S.

    Page 5 of 8

    3.3.1.2. Listing Code excelToGridViewP02()

    Gambar 5. Listing Code #1

    Gambar 6. Listing Code #2

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

    [Bahasa Indonesia]

    Christian Yonathan S.

    Page 6 of 8

    Gambar 7. Listing Code #3

    3.4. Via direct

    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()

    Gambar 9. Listing Code #1

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

    [Bahasa Indonesia]

    Christian Yonathan S.

    Page 7 of 8

    Gambar 10. Listing Code #2

    3.5. Via web.config

    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()

    Gambar 12. Listing Code #1

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

    [Bahasa Indonesia]

    Christian Yonathan S.

    Page 8 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 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 1997-

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

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