Book Image

ASP.NET jQuery Cookbook

By : Sonal Aneel Allana
Book Image

ASP.NET jQuery Cookbook

By: Sonal Aneel Allana

Overview of this book

<p>jQuery is a powerful, lightweight JavaScript library that simplifies various web development tasks. With the integration of jQuery with Visual Studio 2010, it has become increasingly popular for ASP.NET developers to use jQuery's awesome power in their applications. Combining jQuery and ASP.NET creates applications that are anything but lightweight. Using this Cookbook you will become adept at using this library in your ASP.NET web applications.</p> <p>This cookbook shares the most powerful, impressive, and just plain handy jQuery secrets for ASP.NET developers. From substitute server-side code to corresponding client script, it shows ASP.NET developers how to get the most from jQuery in a simple, effective, and easy manner.</p> <p>The cookbook takes a pragmatic approach in applying the jQuery library to ASP.NET applications. It will help you to master the use of jQuery with ASP.NET by taking you step-by-step through hands-on, practical recipes. With its help, you can learn to manipulate various ASP.NET controls like TextBox, CheckBoxList, DropDownList, BulletedList, Hyperlink, Image, and GridView as well as custom user controls. The book teaches client validation techniques thus providing a substitute for the server-side Validation Control. It explores various graphic and animation effects that can be accomplished very easily with the library to give a better interactive experience to the end user. It explores AJAX in depth and describes the use of Firebug to view / troubleshoot the corresponding request / response dialog. You will also learn to develop rich content using client scripting.</p>
Table of Contents (15 chapters)
ASP.NET jQuery Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Using callback functions with jQuery templates


jQuery templates allow us to execute callback functions for further processing of the formatted contents before rendering it on the page. In this recipe, let's see how we can use the callback function to highlight alternate rows of a table. We will use the web services example described earlier and execute a callback function for each item in the returned response object.

Getting ready

  1. Add a new web form Recipe6.aspx to the current project.

  2. Add a css class to hide elements on the form:

    .hide
        {
          display:none;
        }
  3. Add a css class to highlight the background color of a row:

    .highlight
        {
          background-color:Silver;
        }
  4. Add a button control to the form to trigger the AJAX request. Also add the following markup to the form to render the data received from the web service.

    <form id="form1" runat="server">
    <div align="center">
    <asp:Button ID="btnSubmit" runat="server" Text="Click to retrieve Employee data" />
            &lt...