Ajax Extensions核心控件介绍
摘自:http://www.cnblogs.com/remember515/archive/2007/06/28/799030.html
updatePanel控件?
| UpdatePanel主要屬性 | |
| UpdateMode | 內(nèi)容模板的更新模式，有Always和Conditional兩種模式，默認情況下為Always 區(qū)別：Always即一旦有任何事件可觸發(fā)updatePanel更新即開始更新內(nèi)容模板，而Conditional則是有條件的更新，一般為設置了Trigger屬性后由Trigger引發(fā)的更新 |
| ChildrenAsTriggers | 內(nèi)容模板內(nèi)的子控件的回發(fā)是否更新本模板,值為True或False |
| RenderMode | 局部更新控件的呈現(xiàn)形式，當模式為Block時局部更新控件在客戶端以div的形式展現(xiàn)，當模式為Inline時以span形式展現(xiàn) |
| UpdatePanel主要子元素 | |
| ContentTemplate | 局部更新控件的內(nèi)容模權(quán)，可以其內(nèi)添加任何控件 |
| Triggers | 局部內(nèi)容更新觸發(fā)器，內(nèi)似于數(shù)據(jù)庫中的Trigger 觸發(fā)器分為異步回發(fā)（AsyncPostBackTrigger）和類似于普通頁面的回發(fā)機制（PostBackTrigger），前者實現(xiàn)局部更新，后者會引起整個頁面的全部更新 |
Timers控件
屬性Interval：控制需要等待的時間，默認單位為毫秒，即1000即為1秒
事件Tick：Timer唯一的獨立事件，該事件用于設計要完成的任務
UpdateProgress控件
updateProgress實際上是一個div，通過代碼控制div的顯示或隱藏來實現(xiàn)更新提示，使用UpdateProgress可以設計良好的等待界面，達到與用戶友好交互的目的。
主要屬性和模板：
1、AssociateUpdatePanelID：關(guān)聯(lián)的UpdatePanel，此時UpdateProgress需放置于UpdatePanel外；
?????? 2、DisplayAfter：表示多長時間后顯示進度提示，默認值為500毫秒
?????? 3、ProgressTemplate：用于設計等待時的界面，可在其內(nèi)加入圖形、文字等
腳本控制器ScriptManager
5個主要屬性及其4個子元素：
| EnablePartialRendering | 用于標識此頁內(nèi)是否允許局部刷新，默認值為True |
| AllowCustomErrorsRedirect | 表示當Ajax調(diào)用發(fā)生錯誤后，是否導航到Web.Config中定義的錯誤配置，如果值為false，則使用AsyncPostBackErrorMessage和OnAsyncPostBackError兩個屬性實現(xiàn)錯誤提示 |
| AsyncPostBackErrorMessage | 異步調(diào)用發(fā)生錯誤時的提示信息 |
| OnAsyncPostBackError | 異步調(diào)用發(fā)生錯誤時的事件 |
| AsyncPostBackTimeOut | 表示異步調(diào)用的有效時間，默認值為90秒 |
| AuthenticationService | 用來表示提供驗證服務的路徑 |
| ProfileService | 表示提供個性化服務的路徑 |
| Scripts | 對腳本的調(diào)用，其中可以嵌套多個ScriptReference模板以實現(xiàn)對多個腳本文件的調(diào)用 |
| Service | 對服務的調(diào)用，通常指Web Service服務，可以嵌套多個ServiceReference模板以實現(xiàn)多個服務的引用 |
?至于ScriptManagerProxy，用法和ScriptManager差不多，值得一提的是一個頁面只能有一個ScriptManager。而ScriptManagerProxy則是當母版頁和內(nèi)容頁需要引用不同的服務或者腳本時，在內(nèi)容頁中用ScriptManagerProxy代理ScriptManager的職能。
實例：
下面給出一個無刷新實例，此例中加入了四個UpdatePanel
頁面部局如下：
UodatePanel1代碼如下：
| <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"> ??????????? <ContentTemplate> ??????????????? updatePanel1<br /> ??????????????? <strong>Timer<br /></strong> ??????????????? <asp:Label ID="Label1" runat="server" Text="Label1" ForeColor="Blue"></asp:Label> ??????????????? <br /> ??????????????? <span style="font-size: 9pt">(拖放一個Timer到此，設其Interval為1000，即１秒刷新一次)</span> ??????????? </ContentTemplate> ??????????? <Triggers> ??????????????? <asp:AsyncPostBackTrigger ControlID="Timer1" /> ??????????? </Triggers> ??????? </asp:UpdatePanel> ??????????????? <asp:Timer ID="Timer1" runat="server" Interval="1000"> ??????????????? </asp:Timer> |
UodatePanel2代碼如下：
| <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional"> ??????????? <ContentTemplate> ??????????????? updatePanel2<br /> ??????????????? <strong>updateProgress</strong><br /> ??????????????? <asp:Label ID="Label2" runat="server" Text="Label2" ForeColor="Blue"></asp:Label> ??????????????? <br /> ??????????????? <asp:Button ID="btnProgress" runat="server" Text="刷新updatePanel2,出現(xiàn)updateProgress內(nèi)容" OnClick="btnProgress_Click" /> ??????????? </ContentTemplate> ??????????? <Triggers>? ??????????????? <asp:AsyncPostBackTrigger ControlID="btnProgress" /> ??????????? </Triggers> ??????? </asp:UpdatePanel> <asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel2"> ??????????? <ProgressTemplate> ??????????????? <span style="font-size: 10pt; color: #ff6633"><strong> ???????????????? updatePanel2正在更新中...... </strong> ??????????????? </span> ??????????? </ProgressTemplate> ??????? </asp:UpdateProgress> |
UodatePanel3代碼如下：
| <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Conditional"> ??????????? <ContentTemplate> ??????????????? updatePanel3<br /> ??????????????? <span style="font-size: 9pt"><strong> ??????????????? 局部刷新(1)</strong></span><br /> ??????????????? <asp:Label ID="Label3" runat="server" Text="Label3" ForeColor="Blue"></asp:Label><br /> ??????????????? <asp:Button ID="Button1" runat="server" Text="刷新updatePanel3" /> ??????????? </ContentTemplate> ??????????? <Triggers> ??????????????? <asp:AsyncPostBackTrigger ControlID="Button2" /> ??????????? </Triggers> ??????? </asp:UpdatePanel> |
UodatePanel4代碼如下：
| <asp:UpdatePanel ID="UpdatePanel4" runat="server" UpdateMode="Conditional"> ??????????? <ContentTemplate> ??????????????? updatePanel4<br /> ??????????????? <span style="font-size: 9pt"> <strong>局部刷新(2)<br /></strong></span> ??????????????? <asp:Label ID="Label4" runat="server" Text="Label4" ForeColor="Blue"></asp:Label> ??????????????? <br /> ??????? <asp:Button ID="Button2" runat="server" Text="刷新updatePanel3和updatePanel4" /> ??????????? </ContentTemplate> ??????????? <Triggers> ??????????????? <asp:AsyncPostBackTrigger ControlID="Button2" /> ??????????? </Triggers> ??????? </asp:UpdatePanel> |
Page_Load事件里面代碼如下：
| protected void Page_Load(object sender, EventArgs e) ??? { ??????????? this.Label1.Text = DateTime.Now.ToString(); ??????????? this.Label2.Text = DateTime.Now.ToString(); ???????? ???this.Label3.Text = DateTime.Now.ToString(); ??????????? this.Label4.Text = DateTime.Now.ToString();??????? ??? } |
UpdatePanel2中btnProgress的Click事件代碼如下：
| protected void btnProgress_Click(object sender, EventArgs e) ??? { ??????? //如果刷新速度太快則不會看到updateProgress中的內(nèi)容 ??????? //此時可以令程序延遲一段時間再執(zhí)行 ??????? System.Threading.Thread.Sleep(5000);//5秒 ??????? Label2.Text = DateTime.Now.ToString(); ??? } |
?
頁面最終效果圖
?
示例程序下載
轉(zhuǎn)載于:https://www.cnblogs.com/wj-wangjun/archive/2007/11/29/976689.html
總結(jié)
以上是生活随笔為你收集整理的Ajax Extensions核心控件介绍的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 黑苹果 efi如何替换_看了这篇文章，再
- 下一篇： JavaScript中的闭包