AJAX Page - Callback Panel - How It Works

OboutInc.oboutAJAXPage namespace
<%@ Register TagPrefix="oajax" Namespace="OboutInc" Assembly="obout_AJAXPage" %>

Example:

<oajax:CallbackPanel runat="server" ID="callbackPanel1">
<content>
some content
</content>
<loading>
Loading...please wait
</loading>
</oajax:CallbackPanel>

CallbackPanel has 2 elements:
  • content element can contain contain html, js, css and other server controls - like Obout Calendar, Obout EasyMenu, ASP.NET controls (ASP Textbox, ASP DropDownList, etc.).

  • loading element is optional and it can include the html to display while the panel is loading.
    If ommited, a default "Loading..." text is shown and all styles from content element are applied to the loading element.
    It is visible only when the callback panel is updated using client-side UpdatePanel method.
Both content and loading elements can contain style definitions.


<oajax:CallbackPanel runat="server" ID="callbackPanel1">

<content style="border:1px solid gray;width:400px;height:200px">

some content

</content>

<loading style="border:1px solid red;width:400px;height:200px">

Loading...please wait

</loading>

</oajax:CallbackPanel>

It is very useful to load dynamic scripts, dynamic stylesheets, dynamic controls, etc.

The update of the panel is done without reloading the page.

Client-side update
ob_post.UpdatePanel("callbackPanel1");
ob_post.UpdatePanelInContainer("callbackPanel1", "container");
ob_post.UpdatePanelFromPage("callbackPanel1", "container", "callbackPanels.aspx");
ob_post.UpdateAllPanels();

Server-side update
UpdatePanel("callbackPanel1");
UpdatePanel("callbackPanel1", "container");
UpdateAllPanels();



View UpdatePanel tutorial.
View UpdatePanelInContainer tutorial.
View UpdatePanelFromPage tutorial.
View UpdateAllPanels tutorial.