EXTjs4 权威指南 实例源码

EXTjs4权威指南，深入源码分析，实例代码讲解，工业出版社前言近一段时间,随着HTML5和cSS3的逐步升温,浏览器大战进行得如火如茶,而开发人员最关心的是 Javascript框架在HTML5和CSsS3的大潮下会走向何方随着 iPhone4s的出现,手机大战也进行得如火如茶。目前的情况是,不但手机系统进行着混战,手机应用的框架也在进行混战。应该说Ext公司在这方面触觉是很敏锐的,它选择合并,将公司更改为 Sencha,并通过Sencha加人到手机框架大战中。本以为Ext]会止步于 Ext JS3.3,想不到Senh在手机框架中站稳脚跟后,2011年叉推出了 Ext js40,对这个颇受欢迎的框架进行了更多的革新加入了很多HTML5和CSS3的元素。在过渡到HTML5和CSS3的时期, Ext JS框架能继续发展,对开发人员来说是天大的喜事。因为在HML5和CSS3还没完全一统江湖的时候,开发人员要继续使用目前的开发工具进行开发。而 Ext Js3暴露出来的问题也需要不断修正和更新,这正是Ext4需要解决的。很不错, ExtjS4终于来了。为什么写这本书从 Ext js20开始,尤其是 Ext s3.0推出后,使用 Ext js的开发人员越来越多。而随着 Ext IS4的推出,估计会据起一个新的技术学习热潮。 Ext s4进行了架构的调整,做了系列的规范化,例如类名的规范化、U1组件的渲染的规范化等,还重构了不少U组件,这些对熟悉Exts3的开发人员来说都要重新学习。对于新入门的读者,更是急需 Ext js4方面的书籍来指导。因此,笔者决定写一本介绍Exts4的书。目前市面上介绍 Ext js的图书基本都是以应用为主,深入介绍 Ext s的很少,这也是笔者写本书的一个缘由。在本书中,不但介绍了如何使用Eκt]s4,还深入 Ext js4的源代码,通过抽丝剥茧的分析,让大家对 Ext js4有更深人的理解,从而使开发人员在使用 Ext js4时少走弯路本书除了深人介绍 Ext js4外,还有一个主要目的,就是希望大家能掌握 Firebug这个工具,学会如何使用 Firebug去分析 Javascript代码的运行过程,提高分析能力及调试水平,减少bug的发生和调试时]。本书的特色笔者在 Ext js的学小和交流中发现,很多使用者对 Extjs的整体架构不太熟悉,造成对应用中的一些问题混淆不清,从而导致应用中出现或多或少的错误。例如,对 Ext js的二层架构不熟悉,造成在U中找数据的问题。而目前各类 Ext js书籍中很少提及这些方面,所以,针对使用者普遍存在的问题和容易混淆的地方,本书通过原理讲解和示例讲述“为什么是这样的”以贬“为什么要这样做”。本书的主要特色就是通过源代码的讲解,让读者明白 Ext js的类是如何运作的,然后通过运行原理及实战来学习如何使用这些类,并循序渐进地学习 Ext JS本书面向的读者本书介绍了Ex1s4中的几乎所有功能,井对其源代码进行了分析和讲解。因此,读者不但可以学习如何使用 Ext js4,还可以通过阅读源代码加深对 Ext s的理解,并从源代码中吸取别人的经验,提高自己的脚本编写能力。只要读者具备Wb编程的基础,阅读本书的内容就不会有什么问题。如果读者是新手,就应根据第1章关于学习 Ext js必需的基础知识一节的建议,去阅读相应的书籍,掌握Web编程的基础知识,尤其是 Javascript、HTML和CSS的相关知识。当然,能了解面向对象、三层架构等知识对阅读本书是相当有帮助的如果读者对 Ext js有·定基础,则可通过本书深入了解 Ext js的运行原理,加深对ExtJS的认识,尤其是对 Ext js新的开发框架的认识本书示例中的服务器端代码,使用C#和JaVa两种语言编写,所以只婆熟悉这两种语言中的一种,对阅读本书都会有很大帮助。不过, Ext Is是个基于客户端的 JavaScrip框架,对于使用何种服务器端开发语言没有要求,因此即使是不懂C#和Java语言的读者,阅读本书也不会有太多困难。使用本书的要求在使用本书的示例时,最好安装 Firefox40以上版本,并且安装 Firebug扩展要运行本书中带有服务器端代码的示例,需要:IS或 Tomcat?.0g. Net; Visual Studio 2010O Java: Eclipse Helios Service Release 2 gi Spket 1.6.18口 SQL Server2005本书资源包请登录华章网站(www.hzbook.cor)下载如何阅读本书本书是采用循序渐进的方式来介绍 Ext jS4的,名章之间会有一定的关联,因此建议读者接章节的编排顺序逐章阅读。本书中有些示倒是在 Firebug中示范的,所以最好在自己的机器上安装好 Firefox和 Fire吗g,以备使用。这桦做的目的是让大家在阅读过程中熟悉Firebug的一些调试技巧,这些技巧在调试 Ext JS时是相当有用的。例如,有初学者曾咨询为什么在Grid中显示不了数据,查了很久都查不到原因,让笔者帮忙看一下代码,笔者让他先用Frbg查看 Store是否已提交数据请求,在 Firebug网络面板中,他看到请求已发送但是返回的是服务器端代码错误,最后查到仅仅是“将公有方法设置成私有方法”这样简单的修正。在很多时候,就是这样的错误造成大麻烦,所以笔者建议多使用 Firebug,好的工具可以事半功倍。本书秉承实践是最好的老师的精神,立足于“自己动手,丰衣足食”的原则,因而希望读者在阅读本书的时候,能亲自动手去实践一下。Let’ s do iti本书约定口类名:本书中大量使用了简写的类名,在没有特殊说明的地方,简写类名就是指 Ext js源代码中的某个类。在附录中可查到各筒写对应的类名。日粗体文字:粗体文字表示在学习和使用中需要重点记忆或注意的内容Q粗体代码:粗体代码表示代码中的关键代码。例如var r =k rim s nthRe, recta = even"4&2n*a白dd"五"2n+1"||! ntRe2ta七{為》岳岳+町十l|};f-tm[1]||1)-0,1=m[2]-0联系作者希望本书能给每位读者带来收益。如果对本书有任何意见和建议,或者有任何技术上的问题,请与笔者联系。笔者非常希望收到大家的建议以便提高创作水平,也非常乐意与大家一起探讨和分享有关 Ext JS开发的问题,甚至是更广泛的Web开发问题。如果想联系笔者,请发邮件到huangdengqiao@yaho0.cn,或者通过微博htp:/weibo.com/gerneal互动致谢在本书的出版过程中,得到了机械工业出版社华章公司的编辑的大力支持,无其是杨福川编辑。正是由于他们的辛勤劳动,才使笔者能够顺利完成本书的创作,笔者向他们表示衷心的感谢在此,笔者也对网络上有名或无名的技术英雄表示衷心的感谢!若没有他们,笔者在工作和学习中碰到的困难会很难解决。有了他们,很多问题都迎刃而解了目录前言第1章 Ext Js4开发入门111.1学 Ext js必需的基础知识/1.2JSON概述!3l,2,1认识JsDN31.22JsON的结构/3【,2.3JSON的例子141.24在 Javascript中使用JsON/4125在NET中使用JSON/8126在Java中使用JsON/l21.2.7更多有关JSON的信息!1513 Ext js4概述!1514 Ext js的开发工具的获取、安装与配置介绍l81.4.1 Ext Designer /1814.2在 Visual studio中实现智能提示/231.4.3 Spket /281.44在 Eclipse中实现智能提示!321.5如何获得帮助/3216本章小结/33第2章从“ Hello world”开始/32获取 Ext JS4/3422配置使用Exts库!3523编写“ Hello world程序/3724关于 Ext onReady/3825关于 Ext BLANK IMAGE URL/4026关于字体/42VIII27 Ext js4语法14228本地化/6029为本书示例准备一个模板160210本章小结/6l第3章调试工具及技巧/6231使用 Firebug进行调试/6232在I中调试/76321使用 Debugbar和 Companion j调试/763.22使用 IEteste测武/80323在正8或I9中调试/8333在 Chrome中调试/8434调试工具的总结!843.5调试技巧/8536本章小结/89第4章 Extjs的基础架构/904. I Ext f框架的命名空间:Ex/904.1.I概述/904.1.2appy和 applylf方油!904.13不推荐的 extend方法/924.14数据及其类型检测!954.15其他的基础方法/9942为框架顺利运行提供支持/1074.2.1平台检测工具: Ext is!197422当前运行环境检测工具: Ext, supports/10943 Ext js的静态方法/112431概述112432 Ext object中的静态方法!1134.33 Ext, Function中的静态方法/120434 Ext Array中的静态方法!12743.5 Ext Error中的静态方法113344深入了解类的创建及管理/354.4.1开始刨建类/13544.2创建类的类: Ext class/137I44.3所有继承类的基类: Ext, base/1514.4.4实现动态加载: Ext, Loader!15144.5管理类的类:Ext. ClassManager/l594.4.6类创姥的总结/1614.5动态加载的路径设置/1634.6综合实例:页面计算器!16547本章小结!169第5章 Ext Js的享件及其应用!1705F概述/17052浏览器事件117052.1綁定浏览器辜件的过程: Ext EventManager/17052.2封装浏览器亨件: Ext Eventobject;179523移除浏览器事件118153内部亭件/184531内部事件对界: Ext util. Event/184532为组件添加事件接口: Ext util, Observable1188533为红件绑定事件1189534内部事件的触发过裎192535移除亨件/19454特定功能的事件对象/196541延时任务: Ext util, Delayed Task/196542一般任务: Extutil task runner与 Ext Task Manager/19854.3封装好的单击事件: Extitil. ClickRepeater/20055键盘事件/201551为元業绑定键盘事件: Ext util.KeyMap/20155.2键盘早航:Ext. util. KeyNav/20456综合实例:股票数据的实时更新120557本章小结/214第6章选择器与DOM操作/21561 Ext js的选择器: Ext, DomQuery/2l5611选择器的作用/215612使用 Ext, query逊择页面元素/2l5.1.3基本选择符12236l4属性选择符22961.5CSS属性值迭择符/23461.6伪类选择符!2356.17扩展选择器!2486l8 Ext. DomQuery的使用方法/24961.9Ex1JS选择器的总结/25262获取单一元素: Ext. dom Element/252621从错误开始/252622使用 Ext. get获取元素/253623便用Bxty获取元素/256624使用 Ext, getOn获取元素/257625获取元素的总结125863元素生成器: Ext. dom Helper258631概述/258632使用 createHtml或 markup方法生成HIML代码!258633使用 createD方法生成DOM对象/2616.34使用 create Template方法创建模板/26363.5 Helper对象的使用方法126364元素的操作/27365获取元素集合: Ext, Composite ElementLite与 Ext CompositeElement/2m7651便用 Extselect获取元素集合/27765.2 Extdom. CompositeElernent与 Ext dom Composite ElementLite的区别/279653操作无亲集合/27966综合实例:可折叠的面板 Accordion/28067本章小结283第7章数据交互/28471数据交互基础′2847.1.1Aja述/28471.2封装Ajax:Ext. data connection与 Ext Ajax28471.3使用Ajax/291714跨域荻取数据:Ex.data, Ison!2957.1.5为 Element对象提供加功能: Ext. Elementloader/295716为組件提供加載功能: Ext. ComponentLoader129672代理1299