Atlas Update Panel and Timer Server Side:-

Here I am loading the data in pageload() infact thru a Webservice Call .I will also discuss how you can expose this webservice from Client script as well as what does the Atlas Webservice offers .If you wants the Websrevice needed to supprot the JSON format you need to provide the Extension to the Web.config for the AJAX hookup as well as you need to decorate it with the ScriptService attaributes and Scrpitmethod when necessary for example returning the XML reponse format.

 Do remember that these extra complexities are necessary only when you are going for a true client side approach to avind the Update panel approach.For the Update panel approach all these are not required and you can hookup a normal Asmx.  

Update Panel Approach:-

  ASPX:-

   <asp:ScriptManager ID="ScriptManager1" runat="server" >

   </asp:ScriptManager>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" >

            <ContentTemplate>

    <asp:GridView ID="GridView1" ........

  ASMX:- 

  using System.Web.Script.Services;

  namespace GetEmp
{
      [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [ToolboxItem(false)]
    //[ScriptService]
    public class Service1 : System.Web.Services.WebService
    {

        [WebMethod]

      //[ScriptMethod(ResponseFormat=ResponseFormat.Xml)]
        public DataSet  GetEmployeedata()
        {
            SqlConnection con = new SqlConnection("conn str here");
            SqlDataAdapter ad = new SqlDataAdapter("SELECT [employeeid], [lastname], [firstname], [birthdate], [address], [sal], [city] FROM [emp]", con);
            DataSet ds = new DataSet();
            ad.Fill(ds);
            return ds;
        }

  if you see the above code I have set the upadetpanel mode to conditional and I am jeust resetting the DataSource of the gridview and rebidning it in the timer_click.There are other mode also but i am preferring the programmatical mode for this post and ill cover those in anotehr post if needed.

  As I told before if you want to expose your webservice to JSON format that you can see while you apend a /js to ur asmx path you need to provide the Ajax extension to the Web.config if you are hosting the webservice outside your asp.net app.Further to that you need to import the Script.Services and decorate the service with ScriptService.Also you cann't have the Dataset returns directly you can return datatable and also return XML from the Webmthod call using the ScriptMethod attaribute an dpassing the responseformat as XML.

  Here is the Client Mode Operation:-

  Here we ll call the websrvice to  get the data and display in Div all from Client script:-

The webservice remains the same with the addition of the scriptservice and script method attribute[uncomment the script svc call etc].

  Now that you have the webService ready.[Donot forget to add the extensions to the web.config to make it JSON aware].To make that the simpler approach would be see the web,config for a Asp.NEt Ajax appliucation and copy the WebExtension,Script extension realtaded configuratiosn and Http handlers to the ASMX if you are enabling an existing Asmx Json Aware.That is if you browse the Asmxpath/js you ll get the JSON call format.

  Here is the aspx to call the webservice and display the data all from client side:-

<form id="form1" runat="server">
   <asp:ScriptManager ID="ScriptManager1" runat="server" >
         <Scripts>
                <asp:ScriptReference Path="CallWebServiceMethods.js" />
        </Scripts>
        <Services>
            <asp:ServiceReference Path="WebService.asmx" />[note i ve in same app u can provide ur url]
        </Services>
   </asp:ScriptManager>
 <input id="Button1" type="button" value="button"  onclick="ClientGetEmployee()" />
<div id="div1"  >
  </div>
   </form>

  Here is the .JS:-

function ClientGetEmployee()
{
TestApplication.WebService.GetEmployeedata(SucceededCallback,FailedCallback);
}
function SucceededCallback(result, eventArgs)
{
    // Page element to display feedback.
    var RsltElem = document.getElementById("div1");
    RsltElem.innerHTML = result.xml;
}

function FailedCallback(error)
{
    // Display the error.   
    var RsltElem =
        document.getElementById("Label1");
    RsltElem.innerHTML =
    "Service Error: " + error.get_message();
}

  One last tip:-if you want to debug the java script  then enable script debugging in IE and from tools-customize from the debug commnad add the script explore and add the break point to the java script to step thru it.

This is enough for one post and I ll cover lot of the topics in next posts

 

New application blocks

• Validation Application Block
• Policy Injection Application Block

Improvements to existing application blocks

• Data Access Application Block
  •   SQL CE support, TransactionScope integraton
• Logging Application Block
  •   Rolling Flat File Trace Listener

.NET Framework 3.0 integration

• WCF integration in Logging, Exception Handling and Validation Application Blocks

Configuration improvements

• Visual Studio-integrated configuration tool
• Environmental Overrides
• Manageable Configuration Source

Automation

• Application Block Software Factory
• Strong Naming Guidance Package