Skip navigation

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 :

  1. Download Ajax Control Toolkit . Sebelum melakukan instalasi, Ajax contro toolkit dapai didownload secara gratis, pada website ini :

http://www.codeples.com/AjaxControlToolkit

  1. Unblock file yang sudah di downlod. Dengan cara, klik kan an pada file tersebut. Pilih propertise, lalu pilih “unblock”, kemudian tekan OK.
  2. Etract file yg di download setelah di unblock. Dengan cara, klik kanan pada file tersebut, pilih “extract All”.
  3. Buku visual studio atau web devoloper
  4. Buat website baru. Dengan cara, pilih menu file, create new website, pilih location dengan File System ,pilih language dengan C#
  5. 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.
  6. Klik kanan pada tab Ajax Control Toolkit, dan pilih “chose item”.
  7. Klik browse, lalu cari file “Ajax Control Toolkit.dll” yang terdapat pada folder Ajax Control Toolkit, Bin, Debug.
  8. Kontrol Ajax Control Toolkit, telah tertambah pada tab Ajax ControlToolkit, yang kita buat.
  9. 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

Gambar 1. Confirm Button

ini, sedikit pengenalan Ajax ControlToolkit, semoga bermanfaat

 

 

harusnya bag km tu sebelum, mengambil rokok itu
intan: survery harga duu

2 Comments

  1. Nice post, dicobain yah, baru belajar AJAX nih :)

    • siep… mkasih comment nya.. Selamat mencoba


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.