Cara Membuat Acara Pemuatan Kalender di Ajax

Jika situs web bisnis Anda menggunakan Microsoft ASP.NET, Anda dapat memuat kalender Ajax yang terlihat profesional ke halaman Web Anda secara otomatis. Kalender ini, bagian dari Ajax Control Toolkit, bersifat interaktif dan memungkinkan pengunjung situs Anda untuk memilih tanggal dan menavigasi selama berbulan-bulan dengan mengklik tombol. Anda tidak perlu menulis kode untuk membuat kalender muncul ketika seseorang mengklik kotak teks. Kotak teks merespons secara otomatis untuk mengklik acara dan menampilkan kalender Ajax di sebelah kotak teks.

Toolkit Kontrol Ajax

Ajax, teknologi lama dengan nama baru, memungkinkan halaman Web berkomunikasi dengan server Web tanpa menyebabkan halaman Web di-refresh. Banyak pemilik situs suka menggunakan Ajax karena halaman tidak berkedip dan pengunjung situs dapat segera melihat sesuatu terjadi di halaman. Microsoft membuat kontrol Ajax khusus yang memberi halaman Web Anda kemampuan untuk melakukan berbagai tugas tanpa menyebabkan mereka meminta data dari server Web Anda. Anda dapat menambahkan unduhan Toolkit Kontrol Ajax Microsoft dari halaman web unduhan Perpustakaan ASP.NET Ajax Microsoft.

Instalasi Toolkit

Saat menggunakan Visual Studio untuk mengembangkan situs web ASP.NET, Anda mungkin tidak pernah tahu bahwa ada item toolkit lain. Itu karena Visual Studio tidak dilengkapi dengan Ajax Control Toolkit. Setelah Anda menambahkannya ke Visual Studio, Anda akan melihat Calendar Extender baru dan kontrol Ajax baru lainnya di toolbox. Anda dapat menambahkan Ajax Control Toolkit dengan mengklik kanan toolbox dan memilih "Add Tab". Anda kemudian dapat mengklik kanan tab itu, pilih "Pilih Item" dan arahkan ke file AjaxControlToolkit.dll yang Anda unduh.

Acara Kalender

Acara membuat halaman Web ASP.NET berfungsi. Saat seseorang menyeret penggeser atau mengklik tombol, sebuah peristiwa terjadi. Jika Anda menambahkan kotak teks ke salah satu formulir Web Anda dan mengeklik panah yang muncul di sebelah kotak teks itu, Anda akan melihat opsi menu "Tambahkan Ekstensi" baru muncul. Mengklik yang menampilkan jendela yang menunjukkan kontrol extender Ajax yang dapat Anda tambahkan ke kotak teks. Salah satu extender tersebut adalah Calendar Extender. Klik dua kali itu dan Visual Studio menambahkannya ke kotak teks. Anda tidak akan melihat kalender saat dalam mode desain, tetapi akan muncul saat seseorang mengklik kotak teks.

Menguji

Bagian dari kesenangan bekerja dengan Ajax Control Toolkit adalah menambahkan fungsionalitas baru ke halaman Web tanpa mengkodekan apa pun. Jika Anda menekan “F5” setelah menambahkan Calendar Extender ke kotak teks, browser Anda menampilkan kotak teks yang mendukung kalender. Saat Anda mengeklik kotak teks, kalender memuat saat kotak teks merespons acara klik Anda. Menavigasi melalui kalender dengan mengklik tombol panahnya; klik dua kali pada tanggal untuk menambahkannya ke kotak teks. Anda mungkin pernah melihat jenis fungsi ini saat melakukan reservasi di situs reservasi maskapai penerbangan atau hotel. Ajax Control Toolkit memberi situs Anda kemampuan ini secara instan. Muat kalender sebanyak yang Anda suka dengan menambahkannya ke kotak teks pada halaman Web Anda menggunakan petunjuk ini.