<%@ Page AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="ComboBox.Examples.Functionality.AutoCompleteClientSide.DefaultCS"Language="c#" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<!DOCTYPE html>
<
head
runat
=
"server"
>
<
title
>Telerik ASP.NET Example</
title
>
<
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"
/>
<
telerik:RadAjaxPanel
ID
=
"RadAjaxPanel1"
runat
=
"server"
>
<
div
class
=
"demo-container size-narrow"
>
<
h2
>Autocomplete</
h2
>
<
telerik:RadComboBox
RenderMode
=
"Lightweight"
ID
=
"RadComboBox1"
runat
=
"server"
Width
=
"400"
Height
=
"400px"
EmptyMessage
=
"Type an E-mail"
DataSourceID
=
"SqlDataSource1"
DataTextField
=
"ContactName"
OnItemDataBound
=
"RadComboBox1_ItemDataBound"
>
</
telerik:RadComboBox
>
<
telerik:RadButton
RenderMode
=
"Lightweight"
runat
=
"server"
ID
=
"Button1"
Text
=
"Submit"
OnClick
=
"Button1_Click"
CssClass
=
"submit"
/>
<
asp:Literal
ID
=
"SelectedEmails"
runat
=
"server"
Visible
=
"false"
/>
</
div
>
<
asp:SqlDataSource
ID
=
"SqlDataSource1"
runat
=
"server"
ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
SelectCommand="SELECT [ContactName] FROM [Customers] ORDER BY [ContactName]"></
asp:SqlDataSource
>
<
div
class
=
"demo-container size-narrow"
>
<
h2
>Filtering</
h2
>
<
telerik:RadComboBox
RenderMode
=
"Lightweight"
ID
=
"RadComboBox2"
AllowCustomText
=
"true"
runat
=
"server"
Width
=
"500"
Height
=
"400px"
DataSourceID
=
"SqlDataSource1"
DataTextField
=
"ContactName"
EmptyMessage
=
"Search for people..."
>
</
telerik:RadComboBox
>
</
div
>
</
telerik:RadAjaxPanel
>
<
asp:SqlDataSource
ID
=
"SqlDataSource2"
runat
=
"server"
ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
SelectCommand="SELECT [ContactName] FROM [Customers] Order By ContactName" />
<
qsf:ConfiguratorPanel
runat
=
"server"
ID
=
"ConfiguratorPanel1"
>
<
Views
>
<
qsf:View
>
<
qsf:ConfiguratorColumn
ID
=
"ConfiguratorColumn2"
runat
=
"server"
Size
=
"Medium"
>
<
fieldset
>
<
legend
>AutoComplete</
legend
>
<
ul
class
=
"fb-group"
>
<
li
>
<
asp:CheckBox
runat
=
"server"
ID
=
"CheckBoxMarkFirstMatch"
AutoPostBack
=
"true"
Checked
=
"true"
Text
=
"Mark first match"
CssClass
=
"checkBox"
/>
</
li
>
<
li
>
<
asp:CheckBox
runat
=
"server"
ID
=
"CheckBoxAllowCustomText"
AutoPostBack
=
"true"
Checked
=
"true"
Text
=
"Allow custom text"
CssClass
=
"checkBox"
/>
</
li
>
<
li
>
<
qsf:DropDownList
ID
=
"RadDDLAutocompleteSeparator"
runat
=
"server"
Size
=
"Narrow"
AutoPostBack
=
"true"
Label
=
"Autocomplete separator:"
>
<
Items
>
<
telerik:DropDownListItem
Text
=
"None"
Value
=
""
Selected
=
"true"
></
telerik:DropDownListItem
>
<
telerik:DropDownListItem
Text
=
";,"
Value
=
";,"
></
telerik:DropDownListItem
>
<
telerik:DropDownListItem
Text
=
";"
Value
=
";"
></
telerik:DropDownListItem
>
<
telerik:DropDownListItem
Text
=
","
Value
=
","
></
telerik:DropDownListItem
>
<
telerik:DropDownListItem
Text
=
"|"
Value
=
"|"
></
telerik:DropDownListItem
>
</
Items
>
</
qsf:DropDownList
>
</
li
>
</
ul
>
</
fieldset
>
</
qsf:ConfiguratorColumn
>
<
qsf:ConfiguratorColumn
ID
=
"ConfiguratorColumn1"
runat
=
"server"
Size
=
"Medium"
Title
=
"Filtering"
>
<
qsf:DropDownList
ID
=
"RadDDLFilter"
runat
=
"server"
AutoPostBack
=
"true"
Label
=
"Filter:"
Size
=
"Medium"
>
<
Items
>
<
telerik:DropDownListItem
Text
=
"None"
Value
=
"0"
/>
<
telerik:DropDownListItem
Text
=
"Contains"
Value
=
"1"
Selected
=
"true"
/>
<
telerik:DropDownListItem
Text
=
"StartsWith"
Value
=
"2"
/>
</
Items
>
</
qsf:DropDownList
>
</
qsf:ConfiguratorColumn
>
</
qsf:View
>
</
Views
>
</
qsf:ConfiguratorPanel
>
</
form
>
</
body
>
</
html
>