摘要：
5 ExtJS对原有JavaScript对象的扩展 为了实现更强大的功能也为了更好的与ExtJS整个框架的一起工作，ExtJS对JavaScript中的Array、Date、Function、Number和String 5个类进行了扩展，可以理解为Java中的包装类，是对JavaScript原生对象的包装。 1. Array 除开原生Array对象的方法外，ExtJS扩展的Array对象还增加了表... 阅读全文
摘要：
3 ExtJS中的基本概念 在第1章中提到过，ExtJS和传统的Web 开发大不相同。特别是在界面开发上，不用再纠缠在Html和CSS中，而与Java Swing或者Delphi的开发方式非常相同。这样在ExtJS的开发中会有一些在传统 Web 开发中没有的概念，比如面板（Panel）、布局（Layout）、组件（Component）等等。本节对这些概念加以说明，为后续的学习打好概念上的基础。 ... 阅读全文
摘要：
4 非常有用的开发工具 “工欲善其事，必先利其器”，有好的工具往往能够事半功倍。对于软件开发来说，尤其如此。特别是像JavaScript这种解释型执行的脚本语言，开发与调试过程都非常困难，必须要有强有力的工具加以支持。而开发过程中的工具以代码编辑与调试工具最为重要，两者的结合就是集成开发工具（IDE）了，但是以JavaScript 实现的 ExtJS 似乎还没有非常优秀的... 阅读全文
摘要：
1 认识ExtJS的开发包 要开始ExtJS之旅的第一步是要获得开发包，可以从官方网站http://www.extjs.com/下载，以保证获得最新版本。其下载地址是http://www.ExtJS.com/download，下载成功后的开发包是ExtJS-2.0.2.zip，有 6.08M之大。不过不用担心，这个包并不是ExtJS程序真正运行时必须要载入的，真正必须要载入的只是这个包中的2个js... 阅读全文
摘要：
2 也从Hello world开始 几乎所有开发语言的学习都是从“Hello world”开始的。因为“Hello world”虽然只是简单的输出，但是它所要求的开发与运行环境和工作流程与写一个大型软件所要求的环境和流程没有太大的差别。所以说重要的并不在显示或者输出“Hello world”，而是为成功显示或者输出这个R... 阅读全文
摘要：
JSON处理方法 有一段JavaScript如下：本文将会讨论如何把一个对象转换为JSON并将其发送到服务器。 使用Ext.urlEncode进行URL编码 首先我们看看Ext.urlEncode 这个方法（相对应的是Ext.urlDecode解码方法）。 Ext.urlEncode()不能用来处理JSON，Ext.urlEncode()只是负责在HTTP进行GET、POST请求时，将某个R... 阅读全文
摘要：
入门导向Ext的新手用户可以通过下列不同的途径获取学习资源：API文档、维基百科全书、日益丰富的教程、论坛、IRC频道等等（参阅Learn ），关于这些各个方面在EXT官网上都有。但最重要的可用资源，可以说是Ext源代码本身。可以这样方便地学习源代码(Ext的项目毕竟是开源的)，不仅能助你体验Ext，而且还能让你接触到大量的Javascript高级技巧和最佳实践,进一步提升自身的编码水平。 揭示源... 阅读全文
摘要：
Ext.Ajax类Ext.Ajax类是一个简单而清晰的XHR封装器，允许你快速而有效地执行AJAX请求。在本教程中，我们将会讨论除了公共方法request()外，还有怎么使用明文报码（Cleat Text）或解码JSON对象的强大扩展方法。 配置项对象 已经全部归档到Ext.Ajax Class Doc配置项 类型 url字符类型必须的params已编码JSON的对象可选的method'GET'... 阅读全文
摘要：
在JavaScript中，函数是可以带有方法的对象。Ext库提供的扩展会对Function对象——包括内建的函数、你定义的函数，这些都会继承。添加这些的方法能方便地绑定函数到特定的作用域。 作用域的重要性在JavaScript中，你引用一函数，使之成为handler，和在C中使用函数指针有相类似的方式。这意味着默认情况下没有对象是绑定到对象的，并且this这个变量会是浏览器... 阅读全文
摘要：
Grid的分页必须依靠服务端（Server Side）来划分好每一页的数据才可以完成。本例中的服务端事PHP,数据库是MySQL，用来导出一些随机的数据。下列脚本的作用是，获取我们想要的数据，同时这些数据事已分好页的数据。分页的参数是由Page Toolbar传入的变量limit和start所决定的。由于每个后台开发的环境都不尽相同，所以这里的服务端代码就不细究了。怎么做一个分页的Grid本例采用... 阅读全文
摘要：
入门有几种方案可制定Ext，制成裁减过的版本输出。而且这是至关重要的，为什么呢？只需包含你所需的文件，减少部署时文件过大的开销。你可缩小源码大小，也是部署时的重要一环。如果你是技术支持用户 有一个可用的SVN访问，你可在开发阶段中创建一个中间临时的版本，用于测试、试用新功能和官方发布新版之间的bug调试。你亦可利用一些自动化的工具，或直接整合到你惯用的自动化调用程序（如，通过Ant）。本文主要覆盖... 阅读全文
摘要：
事前准备本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径，更改示例文件中script标签的src的属性。 需要些什么？除ExtJS库本身外，我们还需要两个文件：applayout.htmlapplayout.js先看看一份html文档，比较精简。并附有详细说明： applayout.html开头的两行声明了文档的类型。程序可以不... 阅读全文
摘要：
DomQuery基础DomQuery的select函数有两个参数。第一个是选择符字符（selector string ）而第二个是欲生成查询的标签ID(TAG ID)。本文中我准备使用函数“Ext.query”但读者须谨记它是“Ext.DomQuery.select()”的简写方式。这是要入手的html： 第一部分：元素选择符Selector 假设我... 阅读全文
摘要：
开始！第一步要做的是，下载本教程的示例zip文件Zip文件包括三个文件：ExtMenu.html,、ExtMenu.js、ExtMenu.css、和list-items.gif。解包这四个文件到Ext的安装目录中（例如，Ext是在“C:\code\Ext\v1.0”中，那应该在"v1.0"里面新建目录“menututorial”。双击ExtMenu.... 阅读全文
摘要：
实现的目的 预期将是这样的IconCombo要创建的扩展是一个在文字前面能够显示图标的这么一个Ext.form.Combobox。将其中一个功能举例来说，就是要在一块选择里，国家名称连同国旗一并出现。我们先给扩展起个名字，就叫Ext.ux.IconCombo。 文件的创建首要的步骤是准备好开发中将会使用的文件。需下列文件：iconcombo.html: 新扩展将会使用的 html markupic... 阅读全文
摘要：
首先建议读者先下载本例的代码，以配合文本的说明。有效的例子在这里。 第一步 您的HTML模板第一个步骤没有任何特别，这里的HTML可以说是用来格式化你的数据。花括号里面的关键字就是你数据中的{id},{url} 和{text}的容器（placeholder） 。或者用纯数字{0},{1},{2}来表示,但是关键字的命名方式会使你的代码更可读。现在我们加载html模板，创建一个模板对象（第五行），然... 阅读全文
摘要：
无论你是Ext库的新手，抑或是想了解Ext的人，本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念，和如何快速地做出一个动态的页面并运行起来，假设读者已具备了一些JavaScript经验和初级了解HTML Dom。 下载Ext如果你未曾下载过，那应从这里下载最新版本的Ext http://extjs.com/downloads 。针对你的下载需求，有几个不同的弹性选项。通常地，最稳定的版... 阅读全文
摘要：
本文讨论: JavaScript 是基于原型的语言用 JavaScript 进行面向对象的编程JavaScript 编码技巧JavaScript 的未来 本文使用了以下技术: JavaScript目录 JavaScript 对象是词典 JavaScript 函数是最棒的 构造函数而不是类 原型 静态属性和方法 闭包 模拟私有属性 从类继承 模拟命名空间 应当这样编写 JavaScript 代码吗？... 阅读全文
摘要：
关键代码如下：Store为：vards=newExt.data.Store({proxy:newExt.data.DWRProxy({callback:Folder.getMessageList,params:{start:'0',limit:PAGE_SIZE}}),//proxy:newExt.data.MemoryProxy(messageList),reader:newExt.data.O... 阅读全文
摘要：
DWR2.0.x的推技术以推发送消息，适用于ChatRoom，股票信息显示等场景，优于现在JS定时轮询服务端的策略，大大节省服务端的资源（数据无变化时不需要应答客户端的定时查询）。在2.0M3开始终于能够正常运作。（注意,2.0M3需要到http://dwr.dev.java.net下载）推技术的经典范例是DWR Examples里的ChatRoom，另外SpringSide里的场景也非常实在。1... 阅读全文