跟我学Telerik公司的RadControls控件(一)

　　前言：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、运行图：