Cara Download dan Install Ajax Control Toolkit Visual Studio

Cara Download dan Instal AJAX Control Toolkit (C #) - Pelajari semua yang perlu Anda ketahui untuk mulai menggunakan AJAX Control Toolkit. AJAX Control Toolkit berisi lebih dari 30 kontrol gratis yang dapat Anda gunakan dalam aplikasi ASP.NET Anda. Dalam tutorial ini, Anda belajar cara mendownload AJAX Control Toolkit dan menambahkan kontrol toolkit ke toolbox Visual Studio / Visual Web Developer Express Anda.

Download AJAX Control Toolkit merupakan proyek open source yang dikembangkan oleh anggota komunitas ASP.NET dan tim ASP.NET.

Mengunduh AJAX Control Toolkit

Setelah berhasil mengunduh file, Anda harus membatalkan pemblokiran file dengan cara Klik kanan file, pilih Properties, dan klik tombol Unblock (Lihat Gambar dibawah)

Membuka blokir file AJAX Control Toolkit ZIP

Setelah Anda membatalkan pemblokiran file, Anda dapat mengekstrak file dengan cara Klik kanan file dan pilih opsi menu Ekstrak Semua. Sekarang, anda siap untuk menambahkan toolkit ke toolbox Visual Studio / Visual Web Developer.

Menambahkan Toolkit Kontrol AJAX ke Toolbox

Cara termudah untuk menggunakan AJAX Control Toolkit adalah dengan menambahkan toolkit ke toolbox Visual Studio / Visual Web Developer Anda (Lihat Gambar dibawah). Dengan begitu, Anda cukup menyeret kontrol toolkit ke halaman saat Anda ingin menggunakannya.

AJAX Control Toolkit muncul di toolbox

Pertama, Anda perlu menambahkan tab Toolkit AJAX Control ke toolbox. Ikuti langkah berikut :

1. Buat Situs Web ASP.NET baru dengan memilih opsi menu File, Website Baru. Klik dua kali Default.aspx di jendela Solution Explorer untuk membuka file di editor.
2. Klik kanan Toolbox di bawah Tab Umum dan pilih opsi menu Tambah Tab (Lihat Gambar dinomor 3).
3. Masukkan tab baru bernama AJAX Control Toolkit.

Menambahkan tab baru

Selanjutnya, Anda perlu menambahkan kontrol AJAX Control Toolkit ke tab baru. Ikuti langkah ini:

Klik kanan di bawah tab AJAX Control Toolkit dan pilih opsi menu Pilih Item (Lihat Gambar dibawah).

Jelajahi ke lokasi tempat Anda membuka ritsleting Toolkit Kontrol AJAX dan pilih rakitan AjaxControlToolkit.dll.

Pilih item untuk ditambahkan ke toolbox

Setelah Anda menyelesaikan langkah-langkah ini, semua kontrol toolkit akan muncul di kotak peralatan Anda.

Upgrade ke Versi Baru Toolkit

Jika Anda menggunakan rilis Toolkit yang versi lama dan sekarang harus pindah ke versi terbarunya di sini adalah langkah-langkah yang disarankan:

Binari - Hapus versi lama perakitan AjaxControlToolkit.dll dari folder Bin situs web Anda.

Item Toolbox - Hapus tab AJAX Control Toolkit dan ikuti langkah-langkah di atas untuk membuat kembali tab dengan versi baru dari perakitan AjaxControlToolkit.dll.

Baca juga cara menambahkan kontrol AJAX Control Toolkit dan extender ke halaman ASP.NET Anda.Toolkit Kontrol AJAX berisi satu set kontrol dan pengontrol extender. Dalam tutorial singkat ini, Anda akan mengetahui cara menambahkan kontrol dan pengontrol extender ke halaman ASP.NET.

Menggunakan Kontrol AJAX Control Toolkit

Kontrol AJAX Control Toolkit bekerja seperti kontrol ASP.NET normal. Anda dapat menarik kontrol dari toolbox ke halaman ASP.NET. Anda dapat menambahkan kontrol ke halaman dalam tampilan Desain atau Sumber.Ada satu persyaratan khusus saat menggunakan kontrol dari AJAX Control Toolkit. Halaman tersebut harus berisi kontrol ScriptManager. Kontrol ScriptManager bertanggung jawab untuk memasukkan semua JavaScript yang diperlukan yang diperlukan oleh kontrol AJAX Control Toolkit.Misalnya, tab AJAX Control Toolkit menyertakan kontrol yang bernama kontrol Editor. Kontrol ini menampilkan editor HTML yang kaya. Ikuti langkah-langkah ini untuk menambahkan kontrol Editor ke halaman:

1. Buat halaman ASP.NET baru bernama ShowEditor.aspx
2. Pilih kontrol ScriptManager dari bawah AJAX Extensions tab di toolbox dan seret kontrol ke halaman.
3. Pilih kontrol Editor dari bawah tab AJAX Control Toolkit di toolbox dan seret kontrol ke halaman (Lihat Gambar 1). Desainer harus terlihat seperti Gambar 2.
4. Jalankan situs web dengan memilih opsi menu
5. Debug, Mulai Debugging atau tekan tombol F5.

Anda harus melihat halaman pada Gambar 3.

Gambar 1 Memilih kontrol Editor HTML

Gambar 2 Visual Studio Designer dengan ScriptManager dan Edit kontrol

Gambar 3 Halaman DisplayEditor.aspx

Menggunakan Pengontrol AJAX Control Toolkit Extenders

AJAX Control Toolkit juga berisi extender kontrol. Seperti namanya, extender kontrol memperluas fungsi dari kontrol yang ada. Sebagai contoh, extender kontrol ConfirmButton memperluas kontrol Tombol ASP.NET standar. Extender mengubah perilaku kontrol Tombol sehingga tombol menampilkan dialog konfirmasi ketika Anda mengkliknya.

Kontrol extender, seperti kontrol AJAX Control Toolkit, membutuhkan kontrol ScriptManager. Anda harus menambahkan kontrol ScriptManager ke halaman sebelum Anda mulai menggunakan extender kontrol di halaman.

Ikuti langkah-langkah ini untuk menggunakan extender kontrol ConfirmButton:

1. Buat halaman ASP.NET baru bernama ShowConfirmButton.aspx
2. Tambahkan kontrol ScriptManager ke halaman dengan menyeret kontrol ke halaman dari bawah AJAX Extensions tab.
3. Tambahkan kontrol Tombol standar ke halaman dengan menyeret Tombol dari bawah tab Standar di kotak alat ke permukaan Designer.
4. Klik opsi tugas Tambah Extender (lihat Gambar 4).
5. Dalam dialog Pilih Extender, pilih ConfirmButtonExtender (lihat Gambar 5) dan klik tombol OK.
6. Pilih kontrol Button di Designer dan rentangkan Extenders, node Button1_ConfirmButtonExtender di jendela Properties (lihat Gambar 6). Tetapkan nilai Benar-benar? ke properti ConfirmText.
7. Jalankan halaman dengan memilih opsi menu Debug, Mulai Debugging atau tekan tombol F5.

Gambar 4 Opsi tugas Tambahkan Extender

Gambar 5 Memilih extender kontrol ConfirmButton

Gambar 6 Menetapkan properti ConfirmButton

Ketika halaman terbuka, Anda akan melihat tombol. Ketika Anda mengklik tombol, Anda mendapatkan dialog konfirmasi seperti pada Gambar 7.

Gambar 7 Menampilkan dialog konfirmasi

Perhatikan bahwa Anda biasanya tidak menyeret extender kontrol ke halaman.Sebagai gantinya, Anda menggunakan opsi tugas Add Extender untuk menambahkan extender ke kontrol yang sudah Anda tambahkan ke halaman. Perhatikan, lebih jauh lagi, bahwa Anda mengatur properti pemeriksa kontrol dengan membuka lembar properti untuk kontrol diperpanjang.Kontrol ASP.NET tunggal dapat diperpanjang oleh multiple extender kontrol. Lembar properti untuk kontrol yang diperpanjang akan mencantumkan semua pemanjang kontrol yang terkait dengan kontrol.

Berbagi :