Ръководства

Как да направите събитие за зареждане на календар в Ajax

Ако вашият бизнес уебсайт използва Microsoft ASP.NET, можете автоматично да заредите професионално изглеждащи календари Ajax във вашите уеб страници. Тези календари, част от Ajax Control Toolkit, са интерактивни и позволяват на посетителите на вашия сайт да избират дати и да навигират през месеци, като щракват върху бутони. Не е нужно да пишете код, за да се появи календар, когато някой щракне върху текстово поле. Текстовото поле реагира автоматично на кликване на събития и показва календара на Ajax до текстовото поле.

Ajax Control Toolkit

Ajax, стара технология с ново име, позволява на уеб страница да комуникира с уеб сървъра, без да кара уеб страницата да се опреснява. Много собственици на сайтове обичат да използват Ajax, защото страниците не трептят и посетителите на сайта виждат нещата да се случват на страниците почти веднага. Microsoft създаде специални контроли на Ajax, които дават на вашите уеб страници възможност да изпълняват различни задачи, без да ги кара да изискват данни от вашия уеб сървър. Можете да добавите изтеглянето на Ajax Control Toolkit на Microsoft от уеб страницата за изтегляне на Ajax Library на ASP.NET на Microsoft.

Инсталиране на инструментариум

Докато използвате Visual Studio за разработване на уеб сайтове на ASP.NET, може би никога не сте знаели, че съществуват други елементи от инструментариума. Това е така, защото Visual Studio не идва с Ajax Control Toolkit. След като добавите това към Visual Studio, ще видите нов удължител на календара и други нови контроли на Ajax в кутията с инструменти. Можете да добавите Ajax Control Toolkit, като щракнете с десния бутон върху кутията с инструменти и изберете „Добавяне на раздел“. След това можете да щракнете с десния бутон на мишката върху този раздел, да изберете „Избор на елементи“ и да отидете до файла AjaxControlToolkit.dll, който сте изтеглили.

Календарни събития

Събитията карат уеб страниците на ASP.NET да работят. Когато някой влачи плъзгач или щракне върху бутон, настъпва събитие. Ако добавите текстово поле към един от вашите уеб формуляри и щракнете върху стрелката, която се появява до това текстово поле, ще видите нова опция от менюто „Добавяне на разширител“. Щракване, което отваря прозорец, който показва контролите за удължител на Ajax, които можете да добавите към текстовото поле. Един от тези удължители е удължителят на календара. Щракнете двукратно върху това и Visual Studio го добавя към текстовото поле. Няма да виждате календара, докато сте в режим на проектиране, но той ще се появи, когато някой щракне върху текстовото поле.

Тестване

Част от забавлението при работата с Ajax Control Toolkit е добавянето на нова функционалност към уеб страниците, без да се кодира нищо. Ако натиснете „F5“, след като добавите удължител на календар към текстово поле, браузърът ви показва текстовото поле с активиран календар. Когато щракнете върху текстовото поле, календар се зарежда, когато текстовото поле отговаря на вашето събитие за щракване. Придвижвайте се през календара, като щракнете върху неговите бутони със стрелки; щракнете двукратно върху датата, за да я добавите в текстовото поле. Може да сте виждали този тип функционалност, когато правите резервации в сайт за авиокомпания или хотел. Ajax Control Toolkit дава незабавно на вашия сайт тези възможности. Заредете колкото искате календари, като ги добавите в текстовите полета на вашата уеб страница, като използвате тези инструкции.

$config[zx-auto] not found$config[zx-overlay] not found