Telerik的RadControls控件(一)[通俗易懂]

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