Download Now Code Base AsyncDocs Contact Us
asyncPage
liveDemo
AsyncPage Keyboard Events Live Demo
  • Pressing the keyboard keys will show an example "Help Window".
  • In the real world the keyboard sequence could be whatever you want and you can have your own custom response.
The AsyncPage can respond to client side keyboard commands, such as shortcuts keys.

Press Ctrl+Alt+H to show the help window.

AsyncMessage System Live Demo
Type any message.
  • Clicking "Show Message". The message shown follows the user during scrolling, and it can be shown in the center of the browser or positioned using coordinates.
  • Also the message box is fully customizable using CSS.
  • The message box is shown for a specified duration then it disappears.
  • Clicking "Show Alert" shows the standard javascript alert box.
Enter a message:
Show Message    Show Alert

AsyncPage Redirect Live Demo
Clicking "Redirect Me" will navigate your browser to the url in the text box.

Wait Message
  • Click "Perform AsyncCallback", the server will emulate a time consuming task then return an AsyncResponse.
  • The wait message displayed will follow you during scrolling and stays above all other page elements, then hides after the AsyncOutput is loaded.
  • The wait message is fully customizable, and the text can be changed based on the set value of a server control that implements IAsyncCommandControl.

Description

The AsyncPage is the top level container for all AsyncControls. It provides more than just a form with a control collection, it is the controller all DOM elements on the page. The AsyncPage has the ability to manipulate the visibility of all elements on the page, even if they are not AsyncControls. This means user-defined elements and third party controls can all be manipulated asynchronously. Every page that has AsyncControls must inherit from AsyncPage, and with so many advantages why wouldn’t you.

Features
  • Manipulate any DOM elemements, user defined or third pary (even if they are not server controls).
  • Provides an enhanced messaging system that allows you to display messages to the user in realtime.
  • Allows you to easily receive and respond to client side keyboard events.
  • Eliminates the need and the use of the infamous ViewState.
  • Provides support for mixed environments. AsyncControls and regular ASP.Net server controls can be used on the same AsyncPage.
  • Provides 100% support for regular ASP.Net PostBacks, allowing you to have hybrid pages.
  • Redirect user browsers during an AsyncCallback.
  • Provides a built-in "Wait Message" system, so the users can see the progress of the AsyncCallback.
  • Display client side alerts and messages to inform the user of errors or announcements during AsyncCallbacks.
   
<%@ Register Assembly="AsyncControls" Namespace="DelvingWare.AsyncControls" TagPrefix="dw" %>

<dw:AsyncWindow runat="server" ID="wndHelp" 
    Title="Help Window" 
    Visible="false"
    CloseIconUrl="../images/xpWinClose.gif" 
    CollapseIconUrl="../images/xpWinMinimize.gif"
    Width="300" 
    Height="300"
    ShowScrollBar="true"
    DefaultStyle="false" 
    EnableShadow="true" 
    CssClass="asyncPageWin" 
    TitleBarCssClass="asyncPageWinTitleBar"
    TitleCssClass="asyncPageWinTitle" 
    ShadowCssClass="awShadow" 
    TitleBarButtonHeight="30" 
    TitleBarButtonWidth="21">
    
    <p>
    Ut porttitor neque quis.

    </p>
</dw:AsyncWindow>

    Enter a message: <dw:AsyncTextBox runat="server" ID="txtMsg" 
    Size="25" MaxLength="50"
    EnableValidation="Enabled" 
    TextMode="MultiLine"
    ErrorMessage="Please enter a message to display."
    ErrorMessageCssClass="errorMsg"
    Columns="57" 
    Rows="3" />
    
    <br />
    
    <dw:AsyncLinkButton runat="server" ID="lnkMsg" 
    CausesStrictValidation="true" 
    CssClass="showMsg" 
    Text="Show Message" 
    OnClick="lnkMsg_Click" />
    
    &nbsp;&nbsp;
    
    <dw:AsyncLinkButton runat="server" ID="lnkAlert"
    CausesStrictValidation="true" 
    CssClass="showMsg" 
    Text="Show Alert" 
    OnClick="lnkAlert_Click" />    
    
    <dw:AsyncTextBox runat="server" ID="txtUrl"
    EnableValidation="Enabled"
    MultiValidate="RegularExpression|RequiredField"
    ValidationExpression="http(|s)://(.+)\.(com|net|org|edu)"
    ValidationExpressionOptions="IgnoreCase"
    ErrorMessage="Plese enter a valid URL. (e.g. http://www.AJAXForASP.NET)"
    ErrorMessageCssClass="errorMsg"
    Size="30"
    MaxLength="50"
    Text="http://www.AJAXForASP.NET" />
    
    <dw:AsyncButton runat="server" ID="btRedirect"
    CausesStrictValidation="true"
    OnClick="btRedirect_Click"
    Text="Redirect Me" 
    CssClass="greyButton"/>
    
<dw:AsyncButton runat="server" ID="btAction"
CssClass="greyButton"
OnClick="btAction_Click"
Text="Perform AsyncCallback"
WaitMessage="Loading AsyncOutput..." />

<br/>
<dw:AsyncLabel runat="server" ID="lblMain" RenderMode="Italic" />