Installasi AJAX Toolkits pada Visual Studio 2005

Sebelum melakukan proses dibawah ini sebaiknya install terlebih dahulu ASP.NET AJAX Extention 1.0 pada Visual Studio 2005, file installasi dapat di download dari link berikut : http://go.microsoft.com/fwlink/?LinkID=77296

Setelah selesai menginstall ASP AJAX Extention, lakukan step2 berikut untuk installasi AJAX Control Toolkits

AJAX Toolkits

AJAX Toolkits

1. Download source AJAX Control Toolkits – http://www.asp.net/ajax/downloads/
2. Extract data hasil download
3. Open folder hasil extract
4. Cari file AjaxControlToolkit.SLN� dan buka file tersebut dengan Visual studio 2005

AJAX Toolkits

AJAX Toolkits

5. Setelah project terbuka pada Visual Studio lakukan BUILD untuk templateVSI, hal ini untuk membuat VSI file installasi

AJAX Toolkits

AJAX Toolkits

6. Setelah build selesai maka akan terbentuk file AjaxControlExtender.VSI pada folder [Drive]:\…\AjaxControlToolkit\TemplateVSI\bin\ dimana source tersebut berada

AJAX Toolkits

AJAX Toolkits

9. Setelah tombol NEXT ditekan akan muncul windows baru seperti gambar dibawah, sebagai konfirmasi installasi kita cukup menekan tombol FINISH dan proses installasi component akan dilakukan oleh VisualStudio 2005.

Ajax Toolkits

Ajax Toolkits

10. Jika tidak ada masalah dalam proses installasi maka setelah selesai akan muncul windows form hasil proses seperti gambar berikut.

AJAX Toolkits

AJAX Toolkits

11. Sampai disini AJAX Control Toolkits telah selesai terinstall pada Visual Studio 2005, dan kita bisa mulai mengunakannya.

12. Buka visual studio 2005, pilih menu FILE –> NEW –> Web Site…

AJAX Toolkits

AJAX Toolkits

13. Pada form New Web Site pilih ASP.NET AJAX Control Toolkits website kemudian tekan tombol OK

AJAX Toolkits

AJAX Toolkits

14. Selanjutnya akan terbentuk beberapa file berikut pada Visual Studio Solution Explorer

AJAX Toolkits

AJAX Toolkits

15. Selanjutnya bukalah file Default.aspx yang terdapat pada Solution Explorer, dan perhatikan Toolbox yang terdapat pada visual studio 2005. Disana belum terlihat adanya component AJAX Control toolkits yang ingin kita gunakan, untuk menambahkannya click kanan pada area dibawah TAB General dan pilih ADD TAB.

AJAX Toolkits

AJAX Toolkits

16. Setelah Tab baru terbentuk berinama AJAX Control Toolkits (atau bisa digunakan nama lain sesuai keinginan)

AJAX Toolkits

AJAX Toolkits

17. Setelah selesai memberi nama pada TAB baru tersebut click kanan pada Area kosong dibawahnya dan pilih Choose Item …

AJAX Toolkits

AJAX Toolkits

18. Pada window form Choose Toolbox Item yang muncul click tombol browse untuk memanggil file .DLL milik AJAX Control Toolkits.

AJAX Toolkits

AJAX Toolkits

19. Kemudian cari file AJAXControlToolkits.dll yang secara default berada pada folder [Drive]:\…\AjaxControlToolkit\SampleWebSite\Bin\

AJAX Toolkits

AJAX Toolkits

20. Setelah add file .DLL tersebut component AJAX akan tampil pada toolbox yang baru dibuat sebelumnya dan siap di pake digunakan.

AJAX Toolkits

AJAX Toolkits



Leave a Reply