跟我学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) 
-----------------------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------------

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

    跟我学Telerik公司的RadControls控件(一)_第1张图片

  

  

你可能感兴趣的:(EL)