#眉標=Atlas
#副標=Ajax網頁開發（5）
#大標=使用AtlasServer Side控制項製作Ajax網頁
#作者=文／王寧疆

=======程式=======
程式1
<atlas:UpdatePanel runat="server" ID="UpdatePanel1"
 Mode="Conditional">
    <Triggers>
    設定更新UpdatePanel定義的區域的條件
    </Triggers>
    <ContentTemplate>
    定義網頁上可以不經PostBack現象更新的部分內容
    </ContentTemplate>
</atlas:UpdatePanel>
=======程式=======


=======程式=======
程式2
<atlas:ScriptManager runat="server" ID="ScriptManager1" 
EnablePartialRendering="true" />
=======程式=======


=======程式=======
程式3
<atlas:UpdatePanel runat="server" ID="UpdatePanel2"
Mode="Conditional">
<Triggers>
<atlas:ControlValueTrigger ControlID="CheckBox1"
PropertyName="Checked" />
</Triggers>
  <ContentTemplate>
<strong><span style="text-decoration: underline">
Shipping Address</span>:</strong>
    <br />
<asp:Label ID="lblFirstLineShipping" runat="server" 
Font-Bold="False"></asp:Label><br />
<asp:Label ID="lblSecondLineShipping" runat="server">
</asp:Label><br />
<asp:Label ID="lblThirdLineShipping" runat="server">
</asp:Label><br />
</ContentTemplate>
</atlas:UpdatePanel>
=======程式=======


=======程式=======
程式4
Protected Sub btnCopy_Click
(ByVal sender As Object, ByVal e As EventArgs)
If CheckBox1.Checked Then
lblFirstLineShipping.Text = "One Microsoft Way,"
'更新lblFirstLineShipping控制項的Text屬性
    lblSecondLineShipping.Text = "Redmond,"
'更新lblSecondLineShipping控制項的Text屬性
    lblThirdLineShipping.Text = "WA - 98052"
'更新lblThirdLineShipping控制項的Text屬性
End If
End Sub
=======程式=======


=======程式=======
程式5
<asp:TextBox ID="txtMessage" runat="server" />
<asp:Button ID="btnUC" runat="server" 
Text="Update Text" OnClick="btnUC_Click" />

<atlas:UpdatePanel runat="server" ID="UpdatePanel1" 
Mode="Conditional">
<Triggers>
<atlas:ControlValueTrigger ControlID="txtMessage" 
PropertyName="Text" />
</Triggers>
<ContentTemplate>
<asp:Label runat="server" ID="myLabel" >
您尚未輸入任何內容</asp:Label><br />
</ContentTemplate>
</atlas:UpdatePanel>
=======程式=======



=======程式=======
程式6
Protected Sub btnUC_Click
(ByVal sender As Object, ByVal e As EventArgs)
myLabel.Text = "您輸入的是: " &
Server.HtmlEncode(txtMessage.Text)
'更新myLabel控制項的Text屬性
End Sub
=======程式=======


=======程式=======
程式7
<atlas:UpdatePanel runat="server" ID="UpdatePanel3"
Mode="Conditional">
<Triggers>
<atlas:ControlEventTrigger ControlID="btnTrigger"
EventName="Click" />
</Triggers>
<ContentTemplate>
<asp:XmlDataSource ID="XmlDataSource2" runat="server"
DataFile="artists.xml"></asp:XmlDataSource>
<asp:DataList ID="DataList1" runat="server">
<ItemTemplate>
<span style="font: 10pt verdana;">
<b>Artist Details</b></span>
<table width="350px" style="font: 8pt verdana">
<tr><td><b>Name:</b></td><td>
<%# XPath("@name")%></td></tr>
<tr><td><b>Top Hit:</b></td><td>
<%# XPath("@hitSingle")%></td></tr>
</table>            
</ItemTemplate>
</asp:DataList>
</ContentTemplate>
</atlas:UpdatePanel>
=======程式=======



=======程式=======
程式8
Protected Sub btnTrigger_Click(ByVal sender As Object,
ByVal e As EventArgs)
Dim path As String = TreeView1.SelectedNode.DataPath
'取得TreeView控制項被使用者點中的節點的內容
  XmlDataSource2.XPath = path
'將內容指定給XmlDataSource控制項
  DataList1.DataSource = XmlDataSource2
'將XmlDataSource控制項交給DataList控制項進行顯示
  DataList1.DataBind()
'命令DataList控制項顯示所指定的內容
End Sub
=======程式=======



=======程式=======
程式9
<atlas:ScriptManager runat="server" ID="ScriptManager1" 
EnableScriptComponents="True" 
EnablePartialRendering="True">
<Scripts>
<atlas:ScriptReference Name="AtlasUIMap" />
<atlas:ScriptReference Path="~/MyScripts/MyScript.js" />
</Scripts>
<Services>
<atlas:ServiceReference Path="ComplexService.asmx" />
</Services>
</atlas:ScriptManager>
=======程式=======


=======程式=======
程式10
<asp:Content runat="server" ID="Content1" 
ContentPlaceHolderID="ContentPlaceHolder1">
<atlas:ScriptManagerProxy runat="server" 
ID="ScriptManagerProxy1">
<Scripts>
<atlas:ScriptReference ScriptName="AtlasUIDragDrop" />
</Scripts>
</atlas:ScriptManagerProxy>
</asp:Content> 
=======程式=======



=======程式=======
程式11
<atlas:ScriptManager runat="server" 
ID="ScriptManager1" />
<h3>利用Control Extender為TextBox控制項
加入Auto Complete功能</h3>

<asp:TextBox ID="TextBox1" runat="server">
</asp:TextBox> 
<atlas:AutoCompleteExtender runat="server" 
ID="Extender1" >
<atlas:AutoCompleteProperties Enabled="true" 
TargetControlID="TextBox1"
ServiceMethod="GetFilteredList" 
ServicePath="FilterService.asmx" />
</atlas:AutoCompleteExtender>
=======程式=======

	

=======程式=======
程式12
<%@ WebService Language="C#" Class="FilterService" %>

using System;
using System.Collections;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Collections.Generic;

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class FilterService : System.Web.Services.WebService {

[WebMethod]
public string[] GetFilteredList(string prefixText, int count)
  {
    //提供輸入建議資料給網頁使用者選擇
    if (count == 0) {
        count = 10; //設定預測資料的數目
    }
    List<string> items = new List<string>(count); 
//建立存放預測資料的物件
    Random random = new Random((int)DateTime.Now.Ticks); 
//建立Random類別的物件
    for (int i = 0; i < count; i++) {	 //產生亂數當做預測資料
      char c1 = (char)random.Next(33, 127);
      char c2 = (char)random.Next(33, 127);
      char c3 = (char)random.Next(33, 127);
      items.Add(prefixText + c1 + c2 + c3);
    }
      return items.ToArray();	//傳回預測資料
    }
}
=======程式=======

=======程式=======
<input id="TextBox1" type="text" />
=======程式=======

=======程式=======
程式13
<script type="text/xml-script">
<page xmlns:script="….">
<components>
<textBox id="Text1" targetElement="TextBox1">
<behaviors>
<autoComplete serviceURL="FilterService.asmx"
serviceMethod="GetFilteredList" minimumPrefixLength="3" />
</behaviors>
</textBox>
</components>
</page>
</script>
=======程式=======

=======程式=======
<asp:Label ID="floatingLabel" runat="server">
可以被拖動的Label控制項</asp:Label>
=======程式=======


=======程式=======
程式14
<atlas:DragOverlayExtender ID="doe1" runat="server">
<atlas:DragOverlayProperties 
TargetControlID="floatingLabel" Enabled="true" />
</atlas:DragOverlayExtender>
=======程式=======



=======程式=======
<atlas:ProfileScriptService ID="profile1" runat="server" 
AutoSave="true"></atlas:ProfileScriptService>
=======程式=======


=======程式=======
程式15
<asp:Label ID="floatingLabel" runat="server" CssClass="label">
可以被拖動的Label控制項</asp:Label>
<atlas:DragOverlayExtender ID="doe1" runat="server">
<atlas:DragOverlayProperties TargetControlID="floatingLabel" 
ProfileProperty="FloatingLabelLocation" Enabled="true" />
</atlas:DragOverlayExtender>
=======程式=======


=======程式=======
程式16
<system.web>
<profile defaultProvider="AspNetSqlProfileProvider">
<properties>
<add name="FloatingLabelLocation" />
</properties>
</profile>
</system.web>
=======程式=======


=======程式=======
<atlas:TimerControl runat="server" Interval="15000" 
ID="tickerTimer" OnTick="tickerTimer_Tick" />
=======程式=======

	
=======程式（跨欄）=======
程式17
<atlas:UpdatePanel runat="server" ID="UpdatePanel1">
    <Triggers>
        <atlas:ControlEventTrigger ControlID="tickerTimer" EventName="Tick" />
    </Triggers>
    <ContentTemplate>
        <marquee bgcolor='aqua' >
            <asp:Label runat="server" ID="nameAAA" Text="甲公司 :" Font-Bold="True" />
            <asp:Label runat="server" ID="valueAAA" Text="$27" Font-Bold="True" /> |
            <asp:Label runat="server" ID="nameBBB" Text="乙公司 :" Font-Bold="True" /> 
            <asp:Label runat="server" ID="valueBBB" Text="$89" Font-Bold="True" /> |
            <asp:Label runat="server" ID="nameCCC" Text="丙公司 :" Font-Bold="True" />
            <asp:Label runat="server" ID="valueCCC" Text="$396" Font-Bold="True" />
        </marquee>
    </ContentTemplate>
</atlas:UpdatePanel>
=======程式=======

	
=======程式（跨欄）=======
程式18
<script runat="server">
    Protected Sub tickerTimer_Tick(ByVal sender As Object, ByVal e As EventArgs)
        Dim r1 As Random = New Random()					'建立Random類別的物件
        valueAAA.Text = "$" & r1.Next(25, 30).ToString()		'使用亂數模擬甲公司股價的變化
        valueBBB.Text = "$" & r1.Next(80, 100).ToString()		'使用亂數模擬乙公司股價的變化
        valueCCC.Text = "$" & r1.Next(300, 500).ToString()		'使用亂數模擬丙公司股價的變化
    End Sub
</script>
=======程式=======