Home Home | Reset Page Reset Page | Page created: 5/21/2012 7:23:38 PM

Functional Examples

The following examples demonstrate the basic features of some of the various AJAX based controls. For more involved examples that combine components and provide more useful behavior see the examples in the right sidebar.


Making Ajax Callbacks with AjaxMethodCallback The AjaxMethodCallback controls makes it very, very easy to call server side page, control or a custom handler method and return data back to the client. Using JSON messages raw data can be passed from server to client and back via simple method calls.

Popup Windows with the HoverPanel The HoverPanel control makes it real easy to display server generated content in the current page with options to provide for popup 'indows' or displaying content in fixed locations. Content can be directed at any HTML element and provide things like closability, dragging and shadows.

Modal Popup Windows Demonstrates how you can use modal dialogs to display content on an opaque background to block access to the underlying page content.

jQuery UI DateTime Picker The jQuery Date Picker is a client side date selection component that provides a popup calendar. Based on ui.jQuery's DatePicker wrapped up into an easy to use and fully self contained control.

jQuery UI AutoComplete Control The AutoComplete control is a wrapper around the jQuery.UI AutoComplete control. Provides resource wrapping and an easy way to hook up common operations for the auto-complete plug-in, as well as providing both ServerUrl and an event based handler to retrieve data to display in the AutoComplete dropdown.


Working with Third Party jQuery Plug-ins


jqGrid Interaction This example demonstrates how you can use the powerful jqGrid plug-in with an AjaxMethodCallback control on the page to [CallbackMethods] on the page.