AjaxControlToolkit merupakan kumpulan control yang sudah "ajax - enabled" dan digunakan untuk membuat aplikasi web yang mengadopsi ajax control di atas .net platform. Penggunaan ajax control toolkit ini semudah kita menggunakan asp.net server control yang biasa kita gunakan dengan drag and drop dari toolbox. Namun pada artikel kali ini saya tidak akan membahas mengenai penggunaan ajax control toolkit tersebut. Contoh penggunaan ajax control toolkit telah disediakan pada source codenya jika anda download lengkap berikut source code yang diberikan. Ajax control toolkit versi terakhir ketika artikel ini ditulis yaitu ajax control toolkit framework 3.5 yang dapat kita gunakan pada asp.net 3.5.
Pada artikel kali saya akan menerangkan bagaimana caranya ajax control toolkit library yang sudah didownload dapat digunakan dari visual studio / visual web developer express anda. Karena ini adalah merupakan langkah awal eksplorasi anda dalam menggunakan library tersebut. Langkah ini sangat penting, jika kita tidak mengetahui caranya lalu apa yang dapat kita perbuat? tentunya tidak ada kan :) Ok...mari kita lihat langkah-langkahnya :
1. Buka Visual Studio, buat sebuah web project template
2. Buka Toolbox => klik kanan pada area kosong di toolbox => Add Tab => Ketikkan nama tab baru yang akan digunakan untuk menyimpan ajax control toolkit, misalkan namanya "Ajax Control Toolkit".
3. Klik kanan pada area yang kosong di tab baru yang telah dibuat => Choose Items => pada .NET Framework Components klik button Browse => cari file AjaxControlToolkit.dll yang telah anda download sebelumnya => Klik button OK
4. Buka file web.config => cari elemen seperti yang diperlihatkan pada kode berikut dibawah ini untuk menambahkan referensi pada assembly AjaxControlToolkit :
1: <compilation debug="false" strict="false" explicit="true">
2: <assemblies>
3: <add assembly="AjaxControlToolkit"/>
5. Masih di file web.config, cari elemen controls untuk menambahkan atribut tagPrefix pada ajaxcontroltoolkit yang nantinya akan digunakan sebagai prefix pada web form yang akan menggunakan ajaxcontroltoolkit tsb. Mungkin anda sering melihat prefix "asp" seperti pada elemen <asp:Button... ?? Nah seperti itulah nantinya kalau kita akan menggunakan ajaxcontroltoolkit. Pemberian nama tagPrefix terserah anda, yang penting namespace dan nama assembly yang dituju benar :)
1: <controls>
2: <add tagPrefix="ajaxToolkit"
3: namespace="AjaxControlToolkit"
4: assembly="AjaxControlToolkit"/>
6. Hasilnya dapat kita lihat pada mode source HTML di web form yang akan menggunakan ajaxcontroltoolkit tsb :
Selanjutnya anda tinggal explore ajaxcontroltoolkit :)