Hi,
I'm trying to use a DropDownList event to trigger a complex page update (updating a bunch of divs, DataSource reads, etc), and cannot find an event that happens at the right *time* to get the behavior I want. I want to call a javascript function AFTER the user has selected an item from the dropdownlist, AND the DropDownList has refreshed with the user's selection. All the events listed here (http://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist#events) fire BEFORE the widget completes updating. The reason I want to do this is to show a "Loading...." message, while the complex page update takes place (it is very complex and takes a couple of seconds), then hide "Loading" and show the new stuff.
Are there any other events I could use to trigger my activity? Executing my update function via an event handler for any of the documented events resulting in the following sequence:
-drop down list expands
-user picks an item
-the page sitting for a couple of seconds while my update happens, with the list still expanded
-drop down list retracts and the page finishes nicely ....
I need an event that fires AFTER the DropDownList finishes updating.
bootstrap has such an event, as shown here:
http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_dropdown_events&stacked=h
the hidden.bs.dropdown event is what I want.
Is there a generic Kendo equivalent, or workaround? The control doesn't have to be a drop down list, its just that was simplest - there are very few items in it. I would prefer to stick with a simple Kendo control, but if there isn't an appropriate event I'll use something else or a workaround -
Thanks!