大家好,又见面了,我是你们的朋友全栈君。
继上篇我们学习了RadWindow控件的用法之后,本篇我们将学习在项目中更加方便开发人员的常用控件RadAjax控件.
- 使用 AJAX 可以自动回复;
- 不需要修改应用程序;
- 不需要写代码;
- 支持支持标准的和第三方控件;
- 支持 .Net 1.x 和. Net 2.0 工作平台;
- 页面生命周期的保存;
- 表格值的持续性;
- JavaScript 编码的持续性;
- 支持 ASP.NET 客户确认;
- 友好的搜索引擎。
下面就结合项目中的实例进行学习:
<asp:ScriptManager ID=”ScriptManager1″ runat=”server”></asp:ScriptManager>
或<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″ ControlID=”RadAjaxLoadingPanel1” />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
4、好了,给你看一下运行图:
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/161993.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...