轉帖|其它|編輯:郝浩|2011-04-21 13:49:48.000|閱讀 1341 次
概述:繼上篇我們學習了RadWindow控件的用法之后,本篇我們將學習在項目中更加方便開發人員的常用控件RadAjax控件.
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
繼上篇我們學習了RadWindow控件的用法之后,本篇我們將學習在項目中更加方便開發人員的常用控件RadAjax控件.
RadAjax 是 面向 ASP.NET 應用程序無編碼 AJAX 使能化的第一個框架。這個專利Click-and-Go™ 技術可以讓你不需要對你應用程序做任何修改(擺放 Callback 面板,設置觸發器等)。最棒的是,你根本不需要寫一行的 JavaScript 或 server-side 編碼了。
主要特性:
下面就結合項目中的實例進行學習:
1、在html代碼中加入
<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、運行圖:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:博客園