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。