Ajax Control Toolkit (ACT) merupakan sekumpulan
komponen yang dikeluarkan secara resmi oleh microsoft untuk membantu para programmer web dalam melakukan pemrograman berbasis web dengan menggunakan teknik AJAX.
AJAX control toolkit mencangkup lebih dari 40 kontrol yang dapat membantu programmer dalam mempercantik tampilan webnya, tanpa harus menggunakan codding yang bisa bikin keringat dingin sang programmer.Beberapa contoh kontrol yang terdapat pada AJAX control toolkit adalah : Text Editor, Confirm Button,ColorPicker, MaskedEdit, Calendar, Accordion, Watermark, dll.
INSTALASI AJAX CONTROL TOOLKIT
Sebelum kita melakukan instalasi Ajax Control Toolkit, ada beberapa hal yang harus kita perhatikan. Agar instalasi yang kita lakukan dapat berjalan sukses.
Hal-hal tersebut meliputi :
1. Operating Systems Yang Support
• Windows Server 2003
• Windows XP Home Edition
• Windows XP Professional
• Windows Vista
• Semua versi OS Windows yang support Microsoft .NET Framework versi 2.0.
2.Kebutuhan Software
• .NET Framework 2.0 ke atas
• Internet Explorer 5.01 ke atas
3. Software Opsional
• Microsoft Visual Studio 2005 keatas atau Visual Web Developer ExpressEdition
Setelah hal-hal tersebut terpenuhi, maka kita siap untuk melakukan instalasi. Tahapan instalasi Ajax Control Toolkit, meliputi :
- Download Ajax Control Toolkit . Sebelum melakukan instalasi, Ajax contro toolkit dapai didownload secara gratis, pada website ini :
http://www.codeples.com/AjaxControlToolkit
- Unblock file yang sudah di downlod. Dengan cara, klik kan an pada file tersebut. Pilih propertise, lalu pilih “unblock”, kemudian tekan OK.
- Etract file yg di download setelah di unblock. Dengan cara, klik kanan pada file tersebut, pilih “extract All”.
- Buku visual studio atau web devoloper
- Buat website baru. Dengan cara, pilih menu file, create new website, pilih location dengan File System ,pilih language dengan C#
- Buat tab baru pada toolbox untuk meletakkan Kontrol yang ada pada Ajax Control Toolkit. Dengan cara, klik kanan pada toolbox, “add new tab”, dan beri nama Ajax Control Toolkit.
- Klik kanan pada tab Ajax Control Toolkit, dan pilih “chose item”.
- Klik browse, lalu cari file “Ajax Control Toolkit.dll” yang terdapat pada folder Ajax Control Toolkit, Bin, Debug.
- Kontrol Ajax Control Toolkit, telah tertambah pada tab Ajax ControlToolkit, yang kita buat.
- Selamat menikmati kontrol Ajax Control Toolkit.
. IMPLEMENTASI AJAX CONTROL TOOLKIT
Ajax Control Toolkit menyediakan lebih dari empat puluh kontrol yang dapat mempermudah para programmer untuk membuat web.
Kontrol-kontrol tersebut meliputi :
Accordion,AlwaysVisibleControl,Animation, AutoComplete,Calendar,CascadingDropDown,CollapsiblePanel,ConfirmButton,DragPanel,DropDown,DropShadow,DynamicPopulate,FilteredTextBox,HoverMenu,ListSearch,MaskedEdit,ModalPopup,MutuallyExclusiveCheckBox,NoBot,NumericUpDown,PagingBulletedList,PasswordStrength,PopupControl,Rating,ReorderList,ResizableControl,RoundedCorners,Slider,SlideShow,Tabs,TextBoxWatermark,ToggleButton,UpdatePanelAnimation, ValidatorCallout.[4]
Dalam Paper ini, penulis akan mencoba untuk menampilkan cara penggunaan beberapa kontrol yang ada pada Ajax Control Toolkit :
1. Confirm Button
Kontrol ini berfungsi untuk menampilkan Konfirmasi apabila kita memberikan aksi pada Button.
Langkah-langkahnya :
- Buat webform baru, dan beri nama
ShowButtonConfirm.aspx
- Pilih dan klik dua kali script manager, yang terdapat pada tab Ajax Extension di toolbox ke halaman EditorControl.aspx
- Pilih dan klik dua kali Button, yang terdapat pada tab Standart di toolbox ke halaman ShowButtonConfirm.aspx
- Arahkan dan klik Pointer ke Button, sehingga tampil Button Task pilih add Extender
- Pilih ConfirmButtonExtender lalu tekan OK
- Pilih windows properties, lalu Expand Button_ConfirmButtonExtender
- Pilih ConfirmText , lalu isi dengan text yang akan menunjukan isi pesan konfirmasi
- Pilih menu debug, lalu pilih star debugging atau tekan F5 pada keybord
- Maka pada browsermu akan tampil, tampilan seperti ini
ini, sedikit pengenalan Ajax ControlToolkit, semoga bermanfaat
intan: survery harga duu

2 Comments
Nice post, dicobain yah, baru belajar AJAX nih
siep… mkasih comment nya.. Selamat mencoba