Book Image

Microsoft AJAX Library Essentials: Client-side ASP.NET AJAX 1.0 Explained

Book Image

Microsoft AJAX Library Essentials: Client-side ASP.NET AJAX 1.0 Explained

Overview of this book

Microsoft AJAX Library Essentials is a practical reference for the client-side library of the ASP.NET AJAX Framework 1.0, and a tutorial for the underlying technologies and techniques required to use the library at its full potential. The main goal of this book is to get you comfortable with the Microsoft AJAX Library, a huge set of functions that can be used for developing powerful client-side functionality.Beginning with a hands-on tour of the basic technologies associated with AJAX, JavaScript, XMLHttpRequest, JSON, and the DOM, you'll move on to a crash course in the Microsoft AJAX tools. You will learn, through numerous step-by-step exercises, how to create basic AJAX applications, how the object-based programming model of JavaScript works, and how Microsoft AJAX Library extends this model. You'll understand the architecture of the Microsoft AJAX components, how they all fit together, and exactly what they can do for you. Then you will learn how to use the Microsoft AJAX Library in your web projects, and a detailed case study will walk you through creating your own customized client components. At every stage of your journey, you'll be able to try out examples to illuminate the theory, and consolidate your understanding. In addition to learning about the client and server controls, you'll also see how to handle errors and debug your AJAX applications.To complement your new found skills, the book ends with a visual reference of the Microsoft AJAX Library namespaces and classes, including diagrams and quick explanations for all the classes mentioned in the book, providing an invaluable reference you will turn to again and again.
Table of Contents (14 chapters)
Copyright
Credits
About the Authors
About the Reviewers
Preface

Creating Timer and EnhancedTextBox


We’ll create and test the Timer and EnhancedTextBox in the following step-by-step exercise, and we’ll discuss more details about them afterwards. We will also create a helper class named Dictionary, which stores the dictionary of known words used by EnhancedTextBox for word auto-completion, and performs keyword matching through a function named getMatchingItems().

Figure 7-4 shows the demo page in action: after typing the letters “Bo” the text was auto-completed to the first match, “Bobby”. When hitting the down arrow on the keyboard, the text was auto-completed to the next known name to start with “Bo,” which according to our current dictionary is “Bogdan”.

Figure 7-4 EnhancedTextBox in action

Time for Action—Creating Custom Client Components

  1. 1. Open the http://localhost/Atlas/ project in Visual Web Developer.

  2. 2. Create a new JScript File in your Scripts folder named Timer.js, and type the following code in.

    // Register the AjaxTutorial namespace
    Type.registerNamespace...