ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。最近我们在几个应用都使用到了ExtJS，对公司以前开发的一个OA系统也正在使用ExtJS2.0进行改造，使得整个系统在用户体验上有了非常大的变化。本教程记录了前段时间本人学习ExtJS的一些心得及小结，希望能帮助正在学习或准备学习ExtJS的朋友们快速走进ExtJS2.0的精彩世界。

目录Ajax及工具方法8事件绑定6数据模型5相关资源9信息展示步骤7常用组件4面板布局3信息提示框2ExtJS简介1ExtJS简介ExtJS简称EXT，它是一个非常优秀的javascript开发框架，主要用来开发具有绚丽外观的富客户端WEB程序。ExtJS提供了许多非常实用的可视化组件，为我们开发富客户端程序提供了许多功能强大的支持，关于Extjs的相关基本概念及使用方法详见Extjs的API文档。特点：1、开发速度快2、界面效果绚丽3、组件式开发缺点：报错不明确调试有一定的难度。

ExtJS4树先看个简单的效果图:TreePanel是ExtJS中最多能的组件之一，它非常适合用于展示分层的数据。TreePanel和GridPanel继承自相同的基类，所以所有从GridPanel能获得到的特性、扩展、插件等带来的好处，在TreePanel中也同样可以获得。列、列宽调整、拖拽、渲染器、排序、过滤等特性，在两种组件中都是差不多的工作方式。

ExtJs常用控件ExtJs学习系列

涉及内容：1.classes.js的拆分 ；2.App.js和Settings.js里代码的含义 ；3.桌面图标的换行 ；4.一些小小的修改

ExtJS是一个强大的js类库，以前是基于YAHOO-UI,现在已经完全独立了，官方网站：www.extjs.com。 它提供了丰富的，非常漂亮的外观体验，成为众多界面层开发人员的追捧！其核心的组件基本覆盖了我们构建RIA的常用的组件。

前段时间  很多问我EXTJS动态树型该如何实现  我就下了文挡看看发现其实用EXTJS实现树很简单 于是做了一个小小例子 教大家如何实现EXTJS的树型下面 讲解如何实现 。

用ExtJS实现动态载入树（Loadtree）1、 数据库背景：这里有一个组织机构表。

重写原因：由于开始准备的时候，就是按照传统开发去做的，写了一部分之后，有网友和同事提出：“为什么不用MVC模式”呢？这样的问题让我对目前传统开发的心发生了一些细微变法，对啊，为什么不用MVC模式呢？我征求了一下同事及热心网友的意见，都同意使用MVC模式开发。从而，我删掉了原来所有目录，重新按照MVC模式去组织目录结构，很快的，目录结构准备好了。

无论你是Ext库的新手，抑或是想了解Ext的人，本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念，和如何快速地做出一个动态的页面并运行起来，假设读者已具备了一些JavaScript经验和初级了解HTML Dom。

1.此版本为Ext JS 3.3正式版API的翻译，大体完成了翻译的工作。我们把当前已完成汉化的公开。

ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用 ExtJS是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。 　　ExtJs最开始基于YUI技术，由开发人员Jack Slocum开发，通过参考Java Swing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。

ExtJs表格点击超链接获取行的值grid双击事件，并得到单元格的值，以上我试了下好像不行。

ExtJS Web应用设计Web2.0介绍Web2.0是指新一代的万维网服务，这个服务能令使用者在在线共同合作或交流信息。与第一代相比，Web2.0提供一个比传统静态网页更接近桌面应用的经验予使用者。Web2.0应用程序有时会与1990年代后期发展的技术互相结合使用，包括：WebService、Ajax和RSS。Web2.0，是相对Web1.0（2003年以前的互联网模式）的新的一类互联网应用的统称，是一次从核心内容到外部应用的革命。

由于Ext2.0中所有的组件都是由Observable继承而来，理解Ext就需要先从Ext.util.Observable说起，而Observable是对Event对象进行管理，从而理解Observable必须首先从Ext.util.Event说起。 Ext.util.Event是一个封装的非常精致的对象，但和你想象的不同，Event同任何的HTMLDOM元素没有任何的关系（尽管Ext是处理HTML元素的），实际上，它是一个通用的事件及其事件的处理的对象。也许有朋友要问，HTMLElement本身已经支持了事件，为什么还要再重新设计一套Event机制呢？

Ext.grid.GridPanel主要配置项：store：表格的数据集 。columns：表格列模式的配置数组，可自动创建ColumnModel列模式 。autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：表格是否隔行换色，默认为false。

ExtJS的布局基类为Ext.layout.ContainerLayout 其他布局都是集成该类的。<br> ExtJs的容器组件包含一个layout及layoutConfig配置属性。 如果没有指定容器组件的layout，则默认会使用ContainerLayout作为布局，该布局只是简单的把元素放到容器中，有的布局需要layoutConfig配置，有的则不需要layoutConfig配置。

由于开始准备的时候，就是按照传统开发去做的，写了一部分之后，有网友和同事提出：“为什么不用MVC模式”呢？这样的问题让我对目前传统开发的心发生了一些细微变法，对啊，为什么不用MVC模式呢？我征求了一下同事及热心网友的意见，都同意使用MVC模式开发。从而，我删掉了原来所有目录，重新按照MVC模式去组织目录结构，很快的，目录结构准备好了。

该项目地址code.google.com/p/chineseext。首先多谢Google，因为离不开Google Code！正是Google Code为我们组织策划汉化和提供源码托管提供了方便。 2.此版本为Ext JS 3.3正式版API的翻译，大体完成了翻译的工作。我们把当前已完成汉化的公开。

GridPanel的设置保持不变。和从静态文件中读取JSON数据不同的是，我们需要利用PHP来从数据库中获取数据，然后格式化为Ext可以读懂的JSON。