Atlas使用演练

//供客户端调用的web service

public class WebService : System.Web.Services.WebService

{

    public WebService () {}

 

    [WebMethod]

    public string HelloWorld()

    {

        return "This an Atlas example." + "  ; Receive Time : " + DateTime.Now.ToString();

    }

 

    [WebMethod]

    public string HelloWorldWithPara(string para)

    {

        return "This an Atlas example .Parameter : " + para + " ; Receive Time : " + DateTime.Now.ToString();

    }

 

    [WebMethod]

    public string[] SplitCharacters(string prefixText)

    {

        if (prefixText == null || prefixText == "")

        {

            return null;

        }

        string[] cs = new string[prefixText.Length];

        for (int i = 0; i < cs.Length; i++)

        {

            cs[i] = prefixText.Substring(i, 1);

        }

        return cs;

    }

}

 

1 Call WebMethod

 

<script type="text/javascript" language="JavaScript">

         function DoSearchWithPara()

         {

           var SrchElem = document.getElementById("TextBox1");

           WebService.HelloWorldWithPara(SrchElem.value,OnRequestComplete);

         }

         function OnRequestComplete(result)

         {

           var RsltElem = document.getElementById("Label1");

           RsltElem.innerHTML = result;

         }

     </script>

 

   <div>

       <atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="True"

            Visible="False">

            <Services>

                <atlas:ServiceReference Path="WebService.asmx" />

            </Services>

        </atlas:ScriptManager>

      

          <asp:TextBox id="TextBox1" runat="server">

          </asp:TextBox>&nbsp;

           <INPUT style="WIDTH: 125px" id="btnCallWebMethod" onclick="DoSearchWithPara()" type=button value="Call" />

           <asp:Label id="Label1" runat="server" Width="613px" Text="Label"></asp:Label>

    </div>

 

2 Auto complete

 

       <atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="True"

            Visible="False">

            <Services>

                <atlas:ServiceReference Path="WebService.asmx" />

            </Services>

        </atlas:ScriptManager>

        <atlas:AutoCompleteExtender ID="AutoCompleteExtender1" runat="server" ServiceMethod="SplitCharacters"

                ServicePath="WebService.asmx" MinimumPrefixLength="1">

                <atlas:AutoCompleteProperties TargetControlID="TextBox1"  Enabled=true/>

         </atlas:AutoCompleteExtender>

 

3 UpdateProgress

 

<atlas:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="True"

            Visible="False">

            <Services>

                <atlas:ServiceReference Path="WebService.asmx" />

            </Services>

        </atlas:ScriptManager>

 

<atlas:UpdatePanel ID="UpdatePanel1" runat="server">

        <Triggers >

        <atlas:ControlEventTrigger ControlID="btnDoSomething" EventName="Click" />

        </Triggers>

         <ContentTemplate>

              <asp:Button ID="btnDoSomething" runat="server" Text="DoSomething" Width="124px" OnClick="btnDoSomething_Click" />

              <atlas:UpdateProgress ID="UpdateProgress1" runat="server">

                <ProgressTemplate>

                  <img src="Images/clock2.gif" />Contacting server...

                  <input id="abortButton" runat="server" type="button" value="Abort Request" />

                 </ProgressTemplate>

               </atlas:UpdateProgress>

           </ContentTemplate>

     </atlas:UpdatePanel>

 

4 DragOverlay

 

<atlas:DragOverlayExtender ID="DragOverlayExtender1" runat="server">

        <atlas:DragOverlayProperties Enabled=true TargetControlID="Image1" />

   </atlas:DragOverlayExtender>