精通Ext JS 4：构建响应式Web应用实战手册

需积分: 10 7 浏览量更新于2024-07-25 收藏 4.02MB PDF 举报

“Ext JS 4 Web Application Development Cookbook (2012) 是一本关于使用Sencha的Ext JS 4框架开发跨平台web应用的实战指南。这本书通过超过110个详细且实用的配方，涵盖了从基础到高级功能和应用设计的所有关键组件和特性。” 在《Ext JS 4 Web Application Development Cookbook》中，作者Stuart Ashworth和Andrew Duncan旨在帮助读者掌握如何利用Ext JS 4构建真正交互式和响应式的web应用。书中的每个章节都以易于理解的实例为支撑，从框架基础开始，逐步引导读者深入学习各种组件和特性，包括表格、数据视图、图表的创建与操作，以及数据存储和处理的最佳实践。本书的核心内容包括： 1. **框架基础**：介绍Ext JS 4的基本概念，包括它的MVC架构，这是4.0版本的一个重要更新，有助于组织和管理应用程序的代码结构。 2. **用户界面组件**：详细讲解了各种UI小部件，如表单、网格（grids）、数据视图（data views）和图表。这些组件是构建复杂web应用的关键元素，能提供丰富的交互性和视觉效果。 3. **数据处理**：探讨如何与数据进行交互，包括数据模型（models）、数据存储（stores）和数据绑定（bindings），这些工具使得数据的加载、显示和编辑变得更加简单。 4. **应用设计与结构**：深入探讨如何设计高效的应用程序结构，以实现代码的可维护性和可扩展性。这部分还涵盖了最佳实践，帮助开发者编写整洁、模块化的代码。 5. **主题与定制**：介绍了如何利用Ext JS 4的可定制主题功能，为应用程序创建独特的视觉样式，无需依赖额外的插件进行图表绘制。 6. **实战配方**：每个章节都包含多个实战配方，它们独立且可以按任意顺序阅读，方便开发者根据需求查找并应用解决方案。 7. **案例研究**：书中包含的真实生活示例使理论知识更具实际意义，帮助读者将所学应用于实际项目。通过这本书，开发者不仅可以学习到Ext JS 4的全面知识，还能了解到如何通过最佳实践来提升开发效率和应用质量。无论你是初学者还是有经验的开发者，都能从中受益，提升自己的JavaScript框架技能，以构建下一代的富互联网应用程序。

Preface

Ext JS 4 is Sencha's latest JavaScript framework for developing cross-platform web

applications. Built upon web standards, Ext JS provides a comprehensive library of user

interface widgets and data manipulation classes to turbo-charge your application's

development. Ext JS 4 builds on Ext JS 3, introducing a number of new widgets and features

including the popular MVC architecture, easily customizable themes, and plugin-free charting.

This book works through the framework from the fundamentals to advanced features and

application design. More than 110 detailed and practical recipes demonstrate all of the key

widgets and features the framework has to offer. With this book, and the Ext JS framework,

you will learn how to develop truly interactive and responsive web applications.

Starting with the framework fundamentals, you will work through all of the widgets and

features the framework has to offer, nishing with extensive coverage of application design

and code structure.

Over 110 practical and detailed recipes describe how to create and work with forms, grids,

data views, and charts. You will also learn about the best practices for structuring and

designing your application and how to deal with storing and manipulating data. The

cookbook structure is such that you may read the recipes in any order.

The Ext JS 4 Web Application Development Cookbook will provide you with the knowledge to

create interactive and responsive web applications, using real-life examples.

What this book covers

Chapter 1, Classes, Object-Oriented Principles, and Structuring your Application, covers how

to harness the power of Ext JS 4's new class system, architect your application using the

Model-View-Controller (MVC) pattern, and extend the framework's functionality.

Chapter 2, Manipulating the Dom, Handling Events, and Making AJAX Requests, covers

topics such as working with the Document Object Model (DOM), selecting, creating, and

manipulating elements. We'll look at how to add built-in animations to your elements and

how to create custom animations.

This material is copyright and is licensed for the sole use by Gauthier Giacomoni on 11th September 2012

47 gordon street #4, Allston, 02134

Preface

We'll talk through creating your rst AJAX request and encoding/decoding the data either in

JSON or HTML format.

Other topics include handling events, working with dates, detecting browser features,

and evaluating object types/values.

Chapter 3, Laying Out your Components, explores the layout system in Ext JS 4

and demonstrates how to use these layouts to place your user-interface components.

The layouts we will work with are FitLayout, BorderLayout, HBoxLayout, VBoxLayout,

ColumnLayout, TableLayout, AccoridionLayout, CardLayout, AnchorLayout, and

AbsoluteLayout. The nal recipe will combine a number of these layouts to create

a framework for a rich desktop-style application.

Chapter 4, UI Building Blocks – Trees, Panels, and Data Views, looks at how creating and

manipulating the basic components that Ext JS provides is fundamental to producing a rich

application. In this chapter, we will cover three fundamental Ext JS UI components and explore

how to congure and control them within your applications.

Chapter 5, Loading, Submitting, and Validating Forms, introduces forms in Ext JS 4. We begin

by creating a support-ticket form in the rst recipe.

Instead of focusing on how to congure specic elds, we demonstrate more generic tasks

for working with forms. Specically, these are populating forms, submitting forms, performing

client-side validation, and handling callbacks/exceptions.

Chapter 6, Using and Conguring Form Fields, will focus on how we congure and use Ext JS

4's built-in form elds and features to hone our forms for a perfect user experience.

We will cover various form elds and move up from conguring the elds using their built-in

features to customizing the layout and display of these elds to create a form that creates a

smooth and seamless user experience.

Chapter 7, Working with the Ext JS Data Package, will cover the core topics of the Data

Package. In particular, we will demonstrate Models, Stores, and Proxies, and explain how

each is used for working with your applications' structured data.

Chapter 8, Displaying and Editing Tabular Data, will cover the basics of simple grids to

advanced topics such as innite scrolling and grouping. We will also demonstrate how to edit

data easily, customize how we present data, and link your grids with other Ext JS components.

Chapter 9, Constructing Toolbars with Buttons and Menus, looks at toolbars, buttons, and

menus as they are the foundation for giving users the means to interact with our applications.

They are a navigation and action-launching paradigm that almost all computer users are

familiar with, and so making use of them in your applications will give users a head start in

nding their way around.

This material is copyright and is licensed for the sole use by Gauthier Giacomoni on 11th September 2012

47 gordon street #4, Allston, 02134

Preface

This chapter will explore these crucial components and demonstrate how to add them to your

application to provide an interactive and dynamic user experience.

Chapter 10, Drawing and Charting, will demonstrate the new charting and drawing features

introduced to Ext JS 4. In particular, you will discover how to chart data for presentation in

numerous ways.

We will take you through the Ext.draw package which, as you will learn, is used as the basis

of the charting package that we explore later. The rst recipes introduce the tools available

for drawing shapes and text before moving onto the fully featured Ext.chart classes that

enable you to quickly create and integrate attractive, interactive charts into your apps.

Chapter 11, Theming your Application, describes the tasks involved in customizing the look

and feel of your Ext JS application. You will learn the basics of SASS and Compass and move

on to compiling the framework's SASS. We will then explore how to customize your theme

with SASS options and custom mixins. Finally we will demonstrate how to take care of legacy

browsers using the Sencha SDK Tools' slicer tool.

Chapter 12, Advanced Ext JS for the Perfect App, covers advanced topics in Ext JS that will

help make your application stand out from the crowd. We will start by explaining how to extend

and customize the framework through plugins where we will write a plugin to toggle textelds

between an editable and display state. The next recipes will focus on the MVC pattern that has

become the recommended way of structuring your applications. These recipes will start by

explaining the le and class structure we need leading into how to connect your application's

parts together. Finally we will take one of our earlier examples and demonstrate how to create

it while following the MVC pattern. We will also focus on Ext.Direct and how it can be used

to handle server communications in conjunction with forms and stores. Other advanced topics

such as state, advanced exception handling, history management, and task management will

also be described.

Appendix, Ext JS 4 Cookbook - Exploring Further, contains an additional 20 recipes with more

useful hints and tips to help you to get the most out of Sencha's Ext JS 4 framework. Following

the same format as the book, these extra recipes cover a wide variety of topics and we hope

they further broaden your knowledge of the framework.

This appendix is not present in the book but is available as a free

download from http://www.packtpub.com/sites/default/

files/downloads/Appendix_Ext JS 4 Cookbook_Exploring

Further.pdf.

What you need for this book

Before getting started with this book make sure you have your favorite text editor ready and

a browser with some developer tools and a JavaScript debugger. We recommend Google

Chrome (with Developer Tools) or Firefox (with Firebug).

This material is copyright and is licensed for the sole use by Gauthier Giacomoni on 11th September 2012

47 gordon street #4, Allston, 02134

剩余487页未读，继续阅读

v1f5r9t7

粉丝: 0
资源: 2

精通Ext JS 4：构建响应式Web应用实战手册

掌握Go Web开发：《Go Web Development Cookbook》实用指南

ExtJS4 Web应用开发实战指南

Ext JS 4 首次体验：实践指南和迁移技巧

Packt - EXT JS 3.0 Cookbook (10-2009) (ATTiCA)11.pdf

Ext JS 4 Web Application Development Cookbook by Andrew Duncan

Packt.Google.Web.Toolkit.2.Application.Development.Cookbook.Source.Code

Packt - Ruby on Rails Enterprise Application Development (Oct 2007)

Packt - Embedded Linux Development Using Yocto Project Cookbook.2nd.2018

Mastering Web Application Development with AngularJS.pdf

Packt.Windows.Application.Development.Cookbook.2016

最新资源