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.

Related Content you might be interested in

Current Title:

Small book image
Ext.NET Web Application Development
Anup K Shah
Nov, 2012 | 410 pages
No titles found
Table of Contents (17 chapters)
Ext.NET Web Application Development
Ext.NET Web Application Development
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
www.PacktPub.com
www.PacktPub.com
Preface
Preface
Free Chapter
1
Getting Started with Ext.NET
Getting Started with Ext.NET
An overview of Ext.NET
Getting Ext.NET
A walkthrough – creating a simple ASP.NET project with Ext.NET enabled
A walkthrough – creating a simple ASP.NET MVC Project with Razor and Ext.NET enabled
Summary
2
Ext.NET Controls Overview
Ext.NET Controls Overview
Control overview
Buttons
Events in Ext.NET
Container components
Complex components
Even more!
Summary
3
Layout with Ext.NET
Layout with Ext.NET
Viewport
Border layout
Accordion layout
Fit Layout
HBox layout
VBox layout
Many other layouts
Further resources and examples
Summary
4
AJAX with Ext.NET
AJAX with Ext.NET
AJAX with ASP.NET
DirectEvents
DirectMethods
AJAX options specific to certain controls
Ultimate performance option: avoid AJAX!
Summary
5
Working with Data
Working with Data
XTemplates
Stores
DataView
ComboBox
Summary
6
Introducing GridPanels
Introducing GridPanels
GridPanel – overview
Simple grid
Column types
AJAX-based proxies
Paging
Filtering
Sorting
Grouping
Column summaries
Row expanding
Selection models
Grid editing
Many more GridPanel capabilities not covered here
Summary
7
Forms and Validation
Forms and Validation
Form fields – overview
Form layout
Form validation
Manually submitting a form
Binding Stores and Records to a form
Summary
8
Trees and Tabs with Ext.NET
Trees and Tabs with Ext.NET
TreePanel
TabPanel
Summary
9
Extending Ext.NET – Custom Controls and Plugins
Extending Ext.NET – Custom Controls and Plugins
Basic control builder
Extending Ext.NET controls
Using plugins
Plugins versus extending components
Summary
10
Troubleshooting and Debugging
Troubleshooting and Debugging
Debugging and troubleshooting Ext.NET applications
Browser developer tools
Getting support from Ext.NET
Summary
Index
Index

Accordion layout

This popular layout lets you stack Panels (or its subclasses) on top of each other and expand and view just one at a time. From a usability perspective this helps group common functionality together while hiding parts the user is not interested in, simplifying what the user is seeing at any one time. Here is an example of a very simple Panel:

The code to achieve it:

<ext:Window runat="server" Layout="Accordion" Width="150" Height="200" Border="false">
  <Items>
    <ext:Panel Title="Panel 1" />
    <ext:Panel Title="Panel 2" />
    <ext:Panel Title="Panel 3" />
  </Items>
</ext:Window>

Key aspects of this code include the following:

  • A Window acting as the container is configured with the layout as Accordion

  • The Items collection of the Window contains Ext.NET components that the Accordion layout will manage for you

By default, the collapsing and expanding of Panels is animated for you. If you need to turn that off, you can add a LayoutConfig...

Previous Section
End of Section 4
Next Section