Book Image

Ext.NET Web Application Development

By : Anup K Shah
Book Image

Ext.NET Web Application Development

By: Anup K Shah

Overview of this book

To build a rich internet application, you need to integrate a powerful client side JavaScript framework with a server side framework. Ext.NET achieves this by integrating Sencha's Ext JS framework with the power of ASP.NET. The result ñ a sophisticated framework offering a vast array of controls, layout, and powerful AJAX and server bindings, which can be used to build rich, highly usable web applications. "Ext.NET Web Application Development" shows you how to build rich applications using Ext.NET. Examples guide you through Ext.NET's various components using both ASP.NET Web Forms and MVC examples. You will also see how Ext.NET handles data binding and server integration. You will also learn how to create reusable components and put them together in great looking applications. This book guides you through the various Ext.NET components and capabilities to enable you to create highly usable Ext.NET components and web applications. You will learn about various UI components and numerous layout options through examples. You will see how the AJAX architecture enables you to create powerful data-oriented applications easily. This book will also teach you how to create reusable custom components to suit your needs. "Ext.NET Web Application Development" shows you how to create rich and usable applications using Ext.NET through numerous examples.
Table of Contents (17 chapters)
Ext.NET Web Application Development
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
8
Trees and Tabs with Ext.NET
Index

DataView


A DataView is one of the many data-bound controls that can use Stores and Models. It uses XTemplates to render data making it quite versatile.

Our first attempt

Let us make a variation of our earlier XTemplate example to show a few more capabilities. Suppose we want to show a list of employees (and quite a strange-looking bunch they are too!) similar to the following screenshot:

The icons are courtesy of Dante Michael Afrondoza (http://www.smashingmagazine.com/2008/11/05/dressup-avatars-icon-set/). Let's look at how this was achieved.

Preparing the data

First, we will use a simple class to present an employee as follows:

public class Employee
{
  public int Id { get; set; }
  public string FirstName { get; set; }
  public string LastName { get; set; }
  public bool IsManager { get; set; }
  public DateTime DateOfBirth { get; set; }
  public int Age
  {
    get { return DateTime.Today.Year - DateOfBirth.Year; }
  }
}

We will also display this data in our XTemplate, using the following...