十天學會ASP.Net——（8）

1. ajax入門AJAX Extensions工具箱

（1）實現又刷新改變字體大小和無刷新改變字體大小

頁面設計：

前臺頁面設計：

首先需要在用到ajaxExtensions控件的位置之前放置一個ScriptManager控件，它將在瀏覽頁面時不可見，也不能提供其他功能，只是協助完成其他ajax控件需要完成的任務。

然后在UpdatePanel中加入需要實現無刷新的文本框和按鈕。又刷新的則放在外部。

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager><asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate><asp:Label ID="Label2" runat="server" Text="測試更改字體大小"></asp:Label><br />無刷新：<asp:TextBox ID="TextBox2" runat="server" AutoPostBack="True" ontextchanged="TextBox2_TextChanged"></asp:TextBox></ContentTemplate></asp:UpdatePanel><asp:Label ID="Label1" runat="server" Text="測試更改字體大小"></asp:Label><br /><br />有刷新：<asp:TextBox ID="TextBox1" runat="server" AutoPostBack="True" ontextchanged="TextBox1_TextChanged"></asp:TextBox>
（autopostback設為true）<br />

后臺代碼：

protected void TextBox1_TextChanged(object sender, EventArgs e)
{Label1.Font.Size = Int32.Parse(TextBox1.Text);
}
protected void TextBox2_TextChanged(object sender, EventArgs e)
{Label2.Font.Size = Int32.Parse(TextBox2.Text);
}

（2）圖片緩沖顯示——UpdataProgress

頁面設計：

前臺注意要添加UpdataProgress，然后做好與UpdatePanel的鏈接

<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate><asp:Image ID="Image1" runat="server" /><asp:Button ID="Button1" runat="server" Text="顯示圖片" οnclick="Button1_Click" /></ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress runat="server" AssociatedUpdatePanelID="UpdatePanel1"><ProgressTemplate><asp:Image ID="Image2" runat="server" ImageUrl="顯示Loading畫面圖地址，可以去百度下" /></ProgressTemplate>
</asp:UpdateProgress>

后臺做個延時：

using System.Threading;
protected void Button1_Click(object sender, EventArgs e)
{Thread.Sleep(3000);Image1.ImageUrl = "111.jpg";
}

（3）時間無刷新改變——Timer

前臺：

<asp:UpdatePanel ID="UpdatePanel1" runat="server"><ContentTemplate><asp:Timer ID="Timer1" runat="server" Interval="1000" ontick="Timer1_Tick"></asp:Timer><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></ContentTemplate>
</asp:UpdatePanel>

后臺：

protected void Page_Load(object sender, EventArgs e)
{Label2.Text = DateTime.Now.ToLongTimeString();
}
protected void Timer1_Tick(object sender, EventArgs e)
{Label1.Text = DateTime.Now.ToLongTimeString();
}