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