InputManager - Client-side Events



Event log

Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB
RadInputManager exposes a the following set of client-side events:
  1. OnBlur - fired when the input control loses focus
  2. OnError - fired when the user enters invalid data
  3. OnFocus - fired when the input control gains focus
  4. OnKeyPress - fired when a keyboard key is pressed
  5. OnValueChanged - fired when the data entry in the input is changed by the user (right after the control loses focus)

Related Resources

  • DefaultCS.aspx
  • scripts.js
  • styles.css
<%@ Page Language="c#"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <script src="scripts.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-containers">
        <div class="demo-container">
            <div class="contentContainer">
                <asp:Label ID="Label1" runat="server" AssociatedControlID="TextBox1" Text="TextBoxSetting"></asp:Label>
                <asp:TextBox ID="TextBox1" runat="server" Width="155px"/>
                <br />
                <br />
                <asp:Label ID="Label2" runat="server" AssociatedControlID="TextBox2" Text="NumericTextBoxSetting"></asp:Label>
                <asp:TextBox ID="TextBox2" runat="server" Width="155px"/>
            </div>
        </div>
    </div>

    <telerik:RadInputManager RenderMode="Lightweight" runat="server" ID="RadInputManager1">
        <telerik:TextBoxSetting BehaviorID="TextBoxBehavior1" EmptyMessage="Enter some text">
            <ClientEvents OnKeyPress="demo.keyPress" OnBlur="demo.blur" OnFocus="demo.focus"/>
            <TargetControls>
                <telerik:TargetInput ControlID="TextBox1" />
            </TargetControls>
        </telerik:TextBoxSetting>
        <telerik:NumericTextBoxSetting BehaviorID="NumericTextBoxBehavior1" MinValue="0" MaxValue="10" EmptyMessage="Enter some number">
            <ClientEvents OnKeyPress="demo.keyPress" OnBlur="demo.blur" OnFocus="demo.focus" OnError="demo.error"/>
            <TargetControls>
                <telerik:TargetInput ControlID="TextBox2" />
            </TargetControls>
        </telerik:NumericTextBoxSetting>
    </telerik:RadInputManager>

    <qsf:EventLogConsole runat="server" ID="EventLogConsole1" AllowClear="true"></qsf:EventLogConsole>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?