彩票走势图

Telerik公司的RadControls控件学习笔记(二)

转帖|其它|编辑:郝浩|2011-04-21 13:49:48.000|阅读 1329 次

概述:继上篇我们学习了RadWindow控件的用法之后,本篇我们将学习在项目中更加方便开发人员的常用控件RadAjax控件.  

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

  继上篇我们学习了RadWindow控件的用法之后,本篇我们将学习在项目中更加方便开发人员的常用控件RadAjax控件.  

  RadAjax 是 面向 ASP.NET 应用程序无编码 AJAX 使能化的第一个框架。这个专利Click-and-Go™ 技术可以让你不需要对你应用程序做任何修改(摆放 Callback 面板,设置触发器等)。最棒的是,你根本不需要写一行的 JavaScript 或 server-side 编码了。

主要特性

  • 使用 AJAX 可以自动回复;
  • 不需要修改应用程序;
  • 不需要写代码;
  • 支持支持标准的和第三方控件;
  • 支持 .Net 1.x 和. Net 2.0 工作平台;
  • 页面生命周期的保存;
  • 表格值的持续性;
  • JavaScript 编码的持续性;
  • 支持 ASP.NET 客户确认;
  • 友好的搜索引擎。

下面就结合项目中的实例进行学习

  1、在html代码中加入

 <asp:ScriptManager ID="ScriptManager1" runat="server">&lt;/asp:ScriptManager>

   &nbsp;      或<telerik:RadScriptManager ID="RadScriptManager1"

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

  2、拖拽控件RadAjax控件到html页面

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="sgv1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="stvDept">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="sgv1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

:AjaxControlID:设置执行事件的控件,AjaxUpdatedControl:执行事件后刷新的控件

  3、通过上述的设置一个简单的Ajax局部刷新就完成了,是不是很简单,如果你还需要一个等待的效果图,只要加控件RadAjaxLoadingPanel并和RadAjaxManager配合使用即可。

    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
     </telerik:RadAjaxLoadingPanel>

配合代码如下:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="sgv1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="stvDept">
                <UpdatedControls>
   <telerik:AjaxUpdatedControl ControlID="sgv1&quot; 

ControlID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>

   4、运行图:


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:博客园

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP