Calendar and AutoComplete - Introduction to Kendo UI Course - Part 2 | web Developer courses

Duration: 18:29 min

Summary: In this lesson, we are continuing our discussion of Kendo UI. We wrapped up the calendar discussion by talking about the footer and how we can get a hold of the calendar variable so we can make changes to the calendar. For example, we changed the max date and then placed it in the info div. We also used the calendar to navigate to a specific date. Finally, we used the bind function to bind the “change” event to a function so that the body will execute when a user changes the date selection. After that we discussed auto complete and how we can place an input field and hook it to a data source so that when the user started typing, a list of suggestions was displayed. The data source can be a local array or a web service call.

Technologies and Resources: Kendo UI, Notepad++, document, ready, kendoCalendar, Date, value, min, start, depth, footer, max, navigate, bind, kendoAutoComplete, dataSource.