AutoCompleteBox - Server-Side Events

Event log

Demo Configurator


Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

This application scenario demonstrates an event log of all the server events that are fired when an operation is performed on RadAutoCompleteBox.
It also demonstrates the difference beteen the two input types supported by RadAutoCompleteBox.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="AutoCompleteBox.Examples.Programming.ServerEvents.DefaultCS"Language="c#"  %>

<!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>
</head>

<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />


    <div class="demo-container size-narrow">
        <telerik:RadAutoCompleteBox RenderMode="Lightweight" ID="RadAutoCompleteBox1" runat="server"  Width="500px"
            DropDownWidth="400px" DropDownHeight="300px" DataSourceID="SqlDataSource1" DataTextField="CompanyName" EmptyMessage="Select a Company Name"
            AllowCustomEntry="True" OnEntryAdded="RadAutoCompleteBox1_EntryAdded" OnEntryRemoved="RadAutoCompleteBox1_EntryRemoved"
            OnTextChanged="RadAutoCompleteBox1_TextChanged">
        </telerik:RadAutoCompleteBox>
    </div>

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

    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:TelerikConnectionString %>"
        ProviderName="System.Data.SqlClient" SelectCommand="SELECT * FROM [CustomerPhotos]"></asp:SqlDataSource>



    <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1">
        <Views>
            <qsf:View>
                <qsf:ConfiguratorColumn ID="ConfiguratorColumn1" runat="server" Size="Medium">
                    <qsf:RadioButtonList ID="InputTypeRadioButton" runat="server" AutoPostBack="true">
                        <asp:ListItem Selected="true">Token</asp:ListItem>
                        <asp:ListItem>Text</asp:ListItem>
                    </qsf:RadioButtonList>
                </qsf:ConfiguratorColumn>
            </qsf:View>
        </Views>
    </qsf:ConfiguratorPanel>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?