or
<
telerik:RadComboBox
runat
=
"server"
ID
=
"RadComboBox1"
Height
=
"190px"
Width
=
"100%"
MarkFirstMatch
=
"true"
DataSourceID
=
"OpenAccessLinqDataSource1"
EnableLoadOnDemand
=
"true"
HighlightTemplatedItems
=
"true"
DataValueField
=
"PartID"
DataTextField
=
"PartNumber"
AppendDataBoundItems
=
"True"
SelectedValue='<%# Bind("PartID") %>' ItemsPerRequest="10"
EnableVirtualScrolling="True" Filter="Contains" OnSelectedIndexChanged="RadComboBox1_SelectedIndexChanged"
AutoPostBack="True">
<
HeaderTemplate
>
<
ul
>
<
li
class
=
"col1"
>Part Number</
li
>
<
li
class
=
"col2"
>Part Description</
li
>
</
ul
>
</
HeaderTemplate
>
<
ItemTemplate
>
<
ul
>
<
li
class
=
"col1"
>
<%# DataBinder.Eval(Container.DataItem, "PartNumber")%>
</
li
>
<
li
class
=
"col2"
>
<%# DataBinder.Eval(Container.DataItem, "PartDescription")%></
li
>
</
ul
>
</
ItemTemplate
>
</
telerik:RadComboBox
>
<
style
type
=
"text/css"
>
div.RadPanelBar .rpExpandable .rpText,
div.RadPanelBar .rpExpanded .rpText
{
background-image:none;
}
</
style
>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StyleTest.aspx.cs" Inherits="EmailClient.StyleTest" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
<
link
href
=
"Styles/s_office2007/AutoCompleteBox.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Button.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Calendar.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/ColorPicker.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/ComboBox.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/DataPager.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Dock.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/DropDownList.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Editor.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/FileExplorer.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Filter.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/FormDecorator.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Grid.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/ImageEditor.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Input.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/ListBox.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/ListView.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Menu.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Notification.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/OrgChart.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/PanelBar.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/PivotGrid.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/ProgressArea.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Rating.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/RibbonBar.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Rotator.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Scheduler.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/SearchBox.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/SiteMap.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Slider.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/SocialShare.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Splitter.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/TabStrip.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/TagCloud.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/ToolBar.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/ToolTip.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/TreeList.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/TreeView.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Upload.s_office2007.css"
rel
=
"stylesheet"
/>
<
link
href
=
"Styles/s_office2007/Window.s_office2007.css"
rel
=
"stylesheet"
/>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
<
Scripts
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.Core.js"
>
</
asp:ScriptReference
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQuery.js"
>
</
asp:ScriptReference
>
<
asp:ScriptReference
Assembly
=
"Telerik.Web.UI"
Name
=
"Telerik.Web.UI.Common.jQueryInclude.js"
>
</
asp:ScriptReference
>
</
Scripts
>
</
telerik:RadScriptManager
>
<
telerik:RadSkinManager
ID
=
"RadSkinManager1"
Runat
=
"server"
Skin
=
"s_office2007"
>
</
telerik:RadSkinManager
>
<
div
>
<
telerik:RadButton
ID
=
"RadButton1"
runat
=
"server"
Text
=
"RadButton"
EnableEmbeddedSkins
=
"False"
EnableEmbeddedBaseStylesheet
=
"True"
EnableTheming
=
"False"
></
telerik:RadButton
>
<
telerik:RadButton
ID
=
"RadButton2"
runat
=
"server"
Text
=
"RadButton"
Skin
=
"Default"
></
telerik:RadButton
>
</
div
>
</
form
>
</
body
>
</
html
>
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestDataGrid.aspx.cs" Inherits="MainFrameTest.TestDataGrid" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
id
=
"Head1"
runat
=
"server"
>
<
meta
http-equiv
=
"content-type"
content
=
"text/html;charset=utf-8"
/>
<
title
>RadGrid for ASP.NET AJAX</
title
>
<
style
type
=
"text/css"
>
html {
overflow: auto;
}
html,
body,
form {
margin: 0;
height: 100%;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"ScriptManager1"
runat
=
"server"
/>
<
telerik:RadGrid
ID
=
"RadGrid1"
runat
=
"server"
DataSourceID
=
"XmlDataSource1"
AllowPaging
=
"true"
PageSize
=
"40"
Width
=
"100%"
Height
=
"100%"
Style
=
"border: 0; outline: none"
>
<
MasterTableView
TableLayout
=
"Fixed"
AllowFilteringByColumn
=
"true"
/>
<
ClientSettings
EnableRowHoverStyle
=
"true"
>
<
Selecting
AllowRowSelect
=
"true"
/>
<
Scrolling
AllowScroll
=
"true"
UseStaticHeaders
=
"true"
/>
</
ClientSettings
>
<
PagerStyle
AlwaysVisible
=
"true"
Mode
=
"NextPrevAndNumeric"
/>
</
telerik:RadGrid
>
<
asp:XmlDataSource
ID
=
"XmlDataSource1"
runat
=
"server"
DataFile
=
"~/datasource.xml"
/>
</
form
>
</
body
>
</
html
>
<?
xml
version
=
"1.0"
encoding
=
"utf-8"
?>
<
students
>
<
student
id
=
"1"
firstname
=
"Cathy"
lastname
=
"Smith"
suffixname
=
"Jr"
phone
=
"704-717-0090"
/>
<
student
id
=
"2"
firstname
=
"Mary"
lastname
=
"Andrew"
suffixname
=
"Sr"
phone
=
"704-717-0290"
/>
<
student
id
=
"1"
firstname
=
"Cathy"
lastname
=
"Smith"
suffixname
=
"Jr"
phone
=
"704-717-0090"
/>
<
student
id
=
"2"
firstname
=
"Mary"
lastname
=
"Andrew"
suffixname
=
"Sr"
phone
=
"704-717-0290"
/>
<
student
id
=
"1"
firstname
=
"Cathy"
lastname
=
"Smith"
suffixname
=
"Jr"
phone
=
"704-717-0090"
/>
<
student
id
=
"2"
firstname
=
"Mary"
lastname
=
"Andrew"
suffixname
=
"Sr"
phone
=
"704-717-0290"
/>
</
students
>