由于项目需要，本人又刚入门.net开发，项目经理介绍了一个.net流行的开发框架telerik。于是我开始慢慢学习了，发现这个控件还是不错的，学习到的内容和初学者一起探讨一下。

1：第一步

什么是telerik

telerik 是r.a.d.controls 套装是一款最具革命性和广泛性的开发工具集，它主要针对专业级的ASP.NET 开发，适用于AJAX, Atlas 、Visual Studio .NET 2005 、Visual Studio 2008 及ASP.NET 3.5。通过该产品的强大功能，开发者可以开发出功能丰富、适应标准广泛，与交互浏览器兼容的网络应用程序。

2：第二步

去官网下载它的应用程序包：（点击try now）http://demos.telerik.com/aspnet-ajax/grid/examples/overview/defaultcs.aspx

安装完成以后你的Visual studio任务栏会多出来一个任务,如下图所示：

3：第三步

在asp.net项目中的应用：

<telerik:RadWindowManager runat="server" ID="RadWindowManager">
    </telerik:RadWindowManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel" runat="server">
    </telerik:RadAjaxLoadingPanel>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="DataGrid">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="DataGrid" LoadingPanelID="RadAjaxLoadingPanel"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="SubmitBtn">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="DataGrid" LoadingPanelID="RadAjaxLoadingPanel"></telerik:AjaxUpdatedControl>
                    <telerik:AjaxUpdatedControl ControlID="formPane"></telerik:AjaxUpdatedControl>
                </UpdatedControls>
            </telerik:AjaxSetting>

</AjaxSettings>
    </telerik:RadAjaxManager>

RadWindowManager：用的比较多的就是后台的弹出框，EM:    RadWindowManager.RadAlert("操作成功", 300, 200, "操作结果", null);

RadAjaxLoadingPanel:配合AjaxSettings一起出现，比如你想点击确定按钮，实现grid的无刷新更新数据，直接如上述代码（SubmitBtn）设置就可以了。

4：第四步

一个完整的例子

<body>

    <form id="form1" runat="server">

    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />

    <div class="demo-containers">

        <div class="demo-container wrapper">

            <telerik:RadLabel runat="server" ID="RadLabel1" AssociatedControlID="RadTextBox1" Text="Name"></telerik:RadLabel>

            <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox1"></telerik:RadTextBox>

            <telerik:RadLabel runat="server" ID="RadLabel2" AssociatedControlID="RadTextBox2" Text="Email " RequiredMark="*" MarkDisplayMode="Required"></telerik:RadLabel>

            <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox2"></telerik:RadTextBox>

            <telerik:RadLabel runat="server" Text="Date of birth" Width="100px" ID="RadLabel4" AssociatedControlID="RadDatePicker1"></telerik:RadLabel>

            <telerik:RadDatePicker runat="server" ID="RadDatePicker1"></telerik:RadDatePicker>

            <telerik:RadCheckBox runat="server" ID="RadCheckBox1" AutoPostBack="false">

            </telerik:RadCheckBox>

            <telerik:RadLabel runat="server" ID="RadLabel5" AssociatedControlID="RadCheckBox1" Text="I agree to the Terms & Conditions.">

            </telerik:RadLabel>

            <div class="button-wrapper">

                <telerik:RadButton ID="RadButton1" runat="server" Primary="true" Text="Update Your Profile"></telerik:RadButton>

            </div>

        </div>

    </div>

    </form>

</body>

效果：

初步学习，有错误的地方还请大家指出(∩_∩)

初识Telerik for AJAX的更多相关文章

  1. 初识JavaScript，Ajax，jQuery，并比较三者关系

    一.基本认识 1.JavaScript 定义: javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语言,一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态 ...

  2. telerik 某些ajax拿数据方式下 load on demand 不起作用

    方法一:加入以下代码 <%= Html.Telerik().ScriptRegistrar().DefaultGroup(group => { group.Add("teleri ...

  3. Telerik for AJAX RadGrid控件

    作为一名.net小白,今天分享一下telerik知识的学习.熟悉ASP.NET Web Form的都知道Grid View或者是List View等表格控件,所以今天和大家分享一下telerik Ra ...

  4. Django补充及初识Ajax

    Django创建一对多表结构 首先现在models.py中写如下代码: from django.db import models # Create your models here. class Bu ...

  5. Django（四） ORM 外键操作及初识Ajax

    一.内容回顾 1.Django请求的生命周期: ​ 路由系统 -> 视图函数(获取模板+数据 -> 渲染) -> 字符串返回给用户 2.路由系统: /index/ #-> 函数 ...

  6. Telerik UI for ASP.NET AJAX控件汉化方法

    Telerik UI for ASP.NET AJAX控件功能十分强大,但原版是英文界面的,不方便一些用户使用. 和.NET的其他控件一样,可以通过资源文件来制作多语言版本. 下面看看安装完成后原始的 ...

  7. day059 ajax初识 登录认证练习

    ajax初识 ajax有两个特点: 一个是异步,另一个是浏览器页面局部刷新(这个特点是用户感受不到的时候进行的) 示例: 页面输入两个整数,通过AJAX传输到后端计算结果并返回 在HTML文件中: & ...

  8. ajax技术初识与应用

    一.ajax技术初识 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.Ajax不是一种新的编 ...

  9. 界面开发工具集Telerik UI for ASP.NET AJAX发布R2 2019

    Telerik UI for ASP.NET AJAX拥有构建ASP.NET AJAX和SharePoint应用程序的80+控件,将为任何浏览器和设备构建Web Forms应用程序的时间缩短一半.Te ...

随机推荐

  1. Appium 学习一：环境搭建问题

    1.安装Android-sdk http://tools.android-studio.org/index.php/sdk 问题1:下载 android-sdk_r24.4.1-windows.zip ...

  2. VMware12上安装CentOS7无法上网问题

    常安装使用VMware的搭建集群环境,VMare安装后虚拟机默认的是自动获取IP,有时候用的过程中突然XSHELL中断或者需要固定IP上网,遇到几次居然,但忘了步骤,总结一下,省的每次去找资料 环境配 ...

  3. oracle随机数(转)

    1.从表中随机取记录SELECT * FROM (SELECT * FROM STUDENT ORDER BY DBMS_RANDOM.RANDOM) WHERE ROWNUM < 4--表示从 ...

  4. 【VBA】ExcelファイルのOpen

    ※変数の定義を強制する方法: 一番上に.「Option Explicit」を追加して.変数の定義が必須となる. ソース Private Sub CommandButton2_Click() //スクリ ...

  5. Python SMTP发送邮件

    import smtplibfrom email.mime.text import MIMEText  # 引入smtplib和MIMEText host = 'smtp.163.com'  # 设置 ...

  6. 使用jmail发送短信

    原文链接 https://blog.csdn.net/sdaujsj1/article/details/79248469 pom <!-- https://mvnrepository.com/a ...

  7. spring mvc controller中的参数验证机制（二）

    这里我们介绍以下自定义的校验器的简单的使用示例 一.包结构和主要文件 二.代码 1.自定义注解文件MyConstraint package com.knyel.validator; import ja ...

  8. RNA-seq数据综合分析教程 AKAP95

    https://blog.csdn.net/l_yivs?t=1 RNA-seq数据综合分析教程 2 4,055 A+ 所属分类:Transcriptomics   收  藏 2     RNA-se ...

  9. 简单利用jQuery，让前端开发不再依赖于后端的接口

    前端开发的过程中,我们免不了和后端进行联调,这时候就会出现以下的尴尬场景: 接口没写好,没法做接下来的功能 功能写好了,接口没写好,没法测这个功能 联调了,出了BUG,不知道锅在谁身上,只得陪后端耗时 ...

  10. maven打包自定义jar到maven仓库

    mvn install:install-file -Dfile=F:/Sdk4j.jar -DgroupId=com.sdk4j -DartifactId=sdk4j -Dversion=1.0 -D ...