前言：Telerik（官 网：
http://www.telerik.com）是保加利亚的一个软件公司，专注于微软.Net平台的表示层与内容管理控件。我们提供高度稳定性和丰富性能的组件产品，并可应用在非常严格的环境中。现在拥有 Microsoft, HP, Alcoa, BP, Harper Collins, Siemens, T-Mobile, HJ Heinz和一些最主要的教育机构和很多政府机关等客户。

telerik 的 r.a.d.controls 套装是一款最具革命性和广泛性的开发工具集，它主要针对专业级的 ASP.NET 开发，适用于 AJAX, Atlas 、Visual Studio .NET 2005 、Visual Studio 2008 及 ASP.NET 3.5。通过该产品的强大功能，开发者可以开发出功能丰富、适应标准广泛，与交互浏览器兼容的网络应用程序。 此产品属于产品集合，包含以下产品：　(
http://demos.telerik.com/aspnet-ajax/controls/examples/default/defaultcs.aspx)　 ———————————————————————————————————————–

• Overview
• Ajax
• BinaryImage
• Calendar
• Captcha
• Chart
• ColorPicker
• ComboBox
• Dock
• Editor
• FileExplorer
• Filter
• FormDecorator
• Grid
• Input
• ListBox
• ListView
• Menu
• PanelBar
• Rating
• Rotator
• Scheduler
• Slider
• SiteMap
• Spell
• Splitter
• TabStrip
• TagCloud
• ToolBar
• ToolTip
• TreeView
• Upload
• Window
• XmlHttpPanel

—————————————————————————————————————–

• r.a.d.ajax – 首个无码AJAX-enabling架构的ASP.NET程序控件
• r.a.d.calendar – 一个体积小巧功能强大的ASP.NET数据输入控件
• r.a.d.chart – 一个致力于产品开发和便捷使用的商业图表控件
• r.a.d.combobox -一个功能强大的下拉列表控件，基于AJAX的需求加载方法，为大负荷的数据处理提供高效的运行性能
• r.a.d.dock -一个多功能的页面个性化控件，它显示为一个内容占位符，支持移动、固定、大小调整、平移等操作
• r.a.d.editor – 一个高级的所见即所得的编辑器控件
• r.a.d.grid -一个稳定的富客户端的ASP.NET Datagrid控件，为您提供最小耗费的类似于桌面程序的用户体验
• r.a.d.input – 一个支持高度自定义的控件，用于控制ASP.NET程序中的数据输入.
• r.a.d.menu – 一个“”all-in-one”的菜单控件
• r.a.d.panelbar – 一个可折叠的侧向菜单控件
• r.a.d. rotator – 一个DHTML的rotator工具控件
• r.a.d.splitter – 一个创建类似桌面程序的界面控件，支持创建可调整大小的区域和滑块、类似于Visual Studio .Net的浮动面板
• r.a.d.spell – 一个多语言的拼写检查控件
• r.a.d.tabstrip – 一个灵活的控件，用于在ASP.NET程序中创建标签形式的界面
• r.a.d.toolbar -一个灵活的控件，用于在常规的网络程序中执行工具和按钮带.
• r.a.d.treeview – 一个功能强劲的树型列表控件
• r.a.d.upload – 一个专门的文件加载控件，服从高效的HttpModule属性HttpModule
• r.a.d.window – 一个用于替换标注的浏览对话框、警告、提示和确认对话框的控件

##################################################################################

　　了解了控件的组成，下来我就常用的几个控件进行演示：

    RadWindow 是一款能替代标准的浏览器对话框和警示框/提示框/确认框的组件。开发者能独立的创建或分组的模式的和非模式的对话框及窗体，该组模仿 Windows 任务栏的行为。

　 1、在html代码中加入

　　　 <asp:ScriptManager ID=”ScriptManager1″ runat=”server”></asp:ScriptManager>

      或<telerik:RadScriptManager ID=”RadScriptManager1″ runat=”server”></telerik:RadScriptManager>

    2、拖拽控件RadWindow控件到html页面

    <telerik:RadWindowManager ID=”RadWindowManager1″ runat=”server”>
        <Windows>
            <telerik:RadWindow ID=”Open_600x470″ runat=”server” Height=”470px” Width=”600px”
                Behaviors=”Default” VisibleStatusbar=”false” ReloadOnShow=”true” ShowContentDuringLoad=”false”
                Left=”150px” Modal=”true” Title=”权限设置”>
            </telerik:RadWindow>
            <telerik:RadWindow ID=”Open_560x440″ runat=”server” Height=”500px” Width=”700px”
                Behaviors=”Default” VisibleStatusbar=”false” ReloadOnShow=”true” ShowContentDuringLoad=”false”
                Left=”150px” Modal=”true” Title=”操作员维护”>
            </telerik:RadWindow>
        </Windows>
    </telerik:RadWindowManager>

3、父窗体业务脚本

<script type=”text/javascript” language=”javascript”>
        //设置用户权限
        function SetUserRole(keyID) {

            window.radopen(“SetUserRole.aspx?keyid=” + keyID, “Open_600x470“);
        }
        //添加用户
        function InsertUser() {

            window.radopen(“SysUserEdit.aspx?keyid=Add”, “Open_560x440“);
            return false;
        }
        //修改用户
        function EditUser(userID) {

            window.radopen(“SysUserEdit.aspx?keyid=” + userID, “Open_560x440“);
            return false;
        }
        //刷新Grid
        function refreshGrid(arg) {

            $find(“<%= RadAjaxManager1.ClientID %>”).ajaxRequest(“Rebind”);
        }
    </script>

4、子窗体业务脚本

//RadWindow控件事件
function GetRadWindow() {

    var oWindow = null;
    if (window.radWindow) oWindow = window.radWindow; //Will work in Moz in all cases, including clasic dialog
    else if (window.frameElement.radWindow) oWindow = window.frameElement.radWindow; //IE (and Moz as well)
    return oWindow;
}

//关闭Window窗体
function CloseWindow() {

    GetRadWindow().Close();
}

//关闭Window窗体并刷新父窗体
function CloseAndRebind(args) {

    GetRadWindow().Close();
    GetRadWindow().BrowserWindow.refreshGrid(args);
}

　　5、运行图：