Ext JS权威指南(基于Ext 4.1,全面讲解Ext开发方法、技巧与最佳实践,通过源码剖析Ext原理)[按需印刷]
基本信息

【插图】

编辑推荐
Ext JS领域的集大成之作,全面系统地讲解Ext JS的开发方法与技巧,包含大量案例和最佳实践,系统学习和开发参考必备
通过源代码深刻揭示Ext JS重要知识点和功能模块的工作机制与原理,有助于读者深入掌握Ext JS并解决开发中的疑难问题
内容简介
计算机书籍
《Ext JS权威指南》有两大特点:第一,授人以鱼,根据Ext JS的构成体系全面系统地讲解了其开发方法与技巧,每个知识点都辅之以翔实的案例,同时包含大量最佳实践,适合系统学习和开发参考;第二,授人以渔,宏观上对Ext JS的整体架构进行了分析,微观上则通过源代码深刻揭示了Ext JS的工作机制与原理,对于想了解Ext JS工作原理和在开发中碰到疑难问题的读者尤为有帮助。
全书一共22章:第1章简要介绍了学习Ext JS必备的基础知识、JSON、Ext JS 4的新特性,以及其开发工具的获取、安装与配置;第2章介绍了Ext JS 4的获取、Ext JS库的配置与使用、语法、本地化,以及一个经典的入门示例;第3章详细讲解了调试的工具及技巧,这是本书的重要内容,希望所有Web开发者都能掌握;第4章全面介绍了Ext JS的基础架构;第5~9章分别讲解了Ext JS的事件及其应用、选择器与DOM操作、数据交互、模板与组件、容器、面板、布局与视图;第10章和第11章分别详细介绍了重构后的Gird和与Gird同源的树;第12~16章分别讲解了表单、窗口、按钮、菜单、工具条、图形、图表,以及其他组件和实用功能;第17~19章分别介绍了Ext.Direct、动画功能和拖放功能;第20~22章则分别讲解了扩展与插件、主题开发、MVC应用的架构。
作译者
他不仅精通VB、Delphi和C++等传统的面向对象技术,而且还擅长ASP.NET、PHP和Java等Web开发技术。目前重点关注Sencha Touch、jQuery UI、HTML 5、CSS 3以及NoSQL数据库等前沿技术。活跃于CSDN(博客专家)等各大技术社区,在社区内知名度极高,深受网友欢迎。
目录
前 言
第1章 Ext JS 4开发入门 / 1
1.1 学习Ext JS必需的基础知识 / 1
1.2 JSON概述 / 3
1.2.1 认识JSON / 3
1.2.2 JSON的结构 / 3
1.2.3 JSON的例子 / 4
1.2.4 在JavaScript中使用JSON / 4
1.2.5 在.NET中使用JSON / 8
1.2.6 在Java中使用JSON / 12
1.2.7 更多有关JSON的信息 / 15
1.3 Ext JS 4概述 / 15
1.4 Ext JS的开发工具的获取、安装与配置介绍 / 18
1.4.1 Ext Designer / 18
1.4.2 在Visual Studio中实现智能提示 / 23
1.4.3 Spket / 28
1.4.4 在Eclipse中实现智能提示 / 32
1.5 如何获得帮助 / 32
1.6 本章小结 / 33
前言
随着iPhone 4S的出现,手机大战也进行得如火如荼。目前的情况是,不但手机系统进行着混战,手机应用的框架也在进行混战。
应该说Ext公司在这方面触觉是很敏锐的,它选择合并,将公司更改为Sencha,并通过Sencha加入到手机框架大战中。本以为Ext JS会止步于Ext JS 3.3,想不到Sencha在手机框架中站稳脚跟后,2011年又推出了Ext JS 4.0,对这个颇受欢迎的框架进行了更多的革新,加入了很多HTML 5和CSS 3的元素。
在过渡到HTML 5和CSS 3的时期,Ext JS框架能继续发展,对开发人员来说是天大的喜事。因为在HTML 5和CSS 3还没完全一统江湖的时候,开发人员要继续使用目前的开发工具进行开发。而Ext JS 3暴露出来的问题也需要不断修正和更新,这正是Ext JS 4需要解决的。
很不错,Ext JS 4终于来了。
为什么写这本书
从Ext JS 2.0开始,尤其是Ext JS 3.0推出后,使用Ext JS的开发人员越来越多。而随着Ext JS 4的推出,估计会掀起一个新的技术学习热潮。Ext JS 4进行了架构的调整,做了一系列的规范化,例如类名的规范化、UI组件的渲染的规范化等,还重构了不少UI组件,这些对熟悉Ext JS 3的开发人员来说都要重新学习。对于新入门的读者,更是急需Ext JS 4方面的书籍来指导。因此,笔者决定写一本介绍Ext JS 4的书。
目前市面上介绍Ext JS的图书基本都是以应用为主,深入介绍Ext JS的很少,这也是笔者写本书的一个缘由。在本书中,不但介绍了如何使用Ext JS 4,还深入Ext JS 4的源代码,通过抽丝剥茧的分析,让大家对Ext JS 4有更深入的理解,从而使开发人员在使用Ext JS 4时少走弯路。
本书除了深入介绍Ext JS 4外,还有一个主要目的,就是希望大家能掌握Firebug这个工具,学会如何使用Firebug去分析JavaScript代码的运行过程,提高分析能力及调试水平,减少bug的发生和调试时间。
本书的特色
笔者在Ext JS的学习和交流中发现,很多使用者对Ext JS的整体架构不太熟悉,造成对应用中的一些问题混淆不清,从而导致应用中出现或多或少的错误。例如,对Ext JS的三层架构不熟悉,造成在UI中找数据的问题。而目前各类Ext JS 书籍中很少提及这些方面,所以,针对使用者普遍存在的问题和容易混淆的地方,本书通过原理讲解和示例讲述“为什么是这样的”以及“为什么要这样做”。
本书的主要特色就是通过源代码的讲解,让读者明白Ext JS的类是如何运作的,然后通过运行原理及实战来学习如何使用这些类,并循序渐进地学习Ext JS。
本书面向的读者
本书介绍了Ext JS 4中的几乎所有功能,并对其源代码进行了分析和讲解。因此,读者不但可以学习如何使用Ext JS 4,还可以通过阅读源代码加深对Ext JS的理解,并从源代码中吸取别人的经验,提高自己的脚本编写能力。只要读者具备Web编程的基础,阅读本书的内容就不会有什么问题。
如果读者是新手,就应根据第1章关于学习Ext JS必需的基础知识一节的建议,去阅读相应的书籍,掌握Web编程的基础知识,尤其是JavaScript、HTML和CSS的相关知识。当然,能了解面向对象、三层架构等知识对阅读本书是相当有帮助的。
如果读者对Ext JS有一定基础,则可通过本书深入了解Ext JS的运行原理,加深对Ext JS 的认识,尤其是对Ext JS新的开发框架的认识。
本书示例中的服务器端代码,使用C#和Java两种语言编写,所以只要熟悉这两种语言中的一种,对阅读本书都会有很大帮助。不过,Ext JS是一个基于客户端的JavaScript框架,对于使用何种服务器端开发语言没有要求,因此即使是不懂C#和Java语言的读者,阅读本书也不会有太多困难。
使用本书的要求
在使用本书的示例时,最好安装Firefox 4.0以上版本,并且安装Firebug 扩展。
要运行本书中带有服务器端代码的示例,需要:
媒体评论
—— 51CTO 中国领先的IT技术网站
上将军是Ext JS领域当之无愧的专家,他在Ext JS领域的造诣之深,令人兴叹。难能可贵的是,他这些年来一直专注于Ext JS的研究和推广,紧跟Ext JS官方团队的步伐,撰写了大量关于Ext JS的最新资讯和技术文章,深受社区欢迎。同时,他还撰写了两本Ext JS的专著,广获读者好评。本书是他的第三本Ext JS著作,也是国内第一本真正全面针对Ext JS 4的专著,它不仅从应用的角度全面讲解了Ext JS的使用,而且还从源代码的角度深入分析了Ext JS的工作原理,可谓广度和深度兼备。
—— Ext JS中国用户组
Ext JS 4是Web开发者的福音,本书则是希望系统学习并深入了解Ext JS 4的读者的最佳选择!目前市面上出版了很多关于Ext JS的书,但是真正基于Ext JS 4的著作仅此一本。大家都知道,Ext JS 4较之以前的版本发生了很大的变化。更为重要的是,目前市面上的同类著作要么只讲Ext JS如何使用,要么只是枯燥地去分析源代码,本书则是以教会读者“更好地使用Ext JS”为核心目的,以讲解Ext JS的开发方法和技巧为主, 同时还对一些重要的功能模块和知识点的原理进行了源代码分析,不仅能让读者知道如何做,而且还能知道为什么要这样做,最终实现做得更好的目的。还要重点提到的是,本书为了照顾不同读者的需要, 服务器端的案例同时给出了Java和C#两个版本,作者之用心可见一斑!
—— Ext JS中文社区
书摘
在这一章,我们将介绍一些与Ext JS有关的基础知识以及Ext JS 4的一些主要变化。从2008年接触Ext JS到现在,不少初学者咨询过我,应该怎样才能学好Ext JS?这是一个很好的问题,每个人的学习方法不同,在学习Ext JS之前的基础都不同,因而如何学好Ext JS因人而异。不过Ext JS始终是一个JavaScript的框架,有其局限性,掌握了Javascript、HTML和CSS等知识,再加上掌握Ext JS的框架结构,就足够应付Ext JS的学习了。如果再有点面向对象编程的知识,那就如虎添翼了。下面让我们开始学习Ext JS之旅。
1.1学习Ext JS必需的基础知识
1.JavaScript
嗯,这个还用说吗?Ext JS本来就是一个JavaScript的框架,而且使用Ext JS就需要使用JavaScript语法来开发,需要JavaScript的知识是必然的了。问题的关键是,开发人员对JavaScript知识的掌握也有深浅之分。譬如,我碰到一些开发人员,对JavaScript算是很熟悉了,但是不会JSON,不会直接使用JSON对象,在使用Ext JS的过程中,需要使用JSON对象的时候,居然是通过组装字符串的方式,然后使用eval方法将其转换为对象来使用的。这就是因为JavaScript学习深度不足造成的。
那么,到底JavaScript要学到多深才能学好Ext JS呢?这个问题也不太好回答。不过以笔者的经验来说,建议仔细认真地看一次《JavaScript权威指南(第5版)》 和《JavaScript高级程序设计(第2版)》这两本书,重点关注和理解以下内容:
函数。
变量。
作用域(scope)。
原型模式(prototype)。
闭包。
文档对象模型DOM。
Document对象。
动态HTML事件以及事件处理。
Ajax。
JSON。
以上这些知识对于了解和使用Ext JS非常有帮助。因JSON涉及服务器端的处理,所以本书会在本章1.2节讲解。
2.HTML
HTML知识,这个对于Web开发人员来说应该是很熟悉的东西。这里主要就是需要熟悉HTML的各种标记。
3.CSS