ExtJS是一個很不錯的Ajax框架，可以用來開發帶有華麗外觀的富客戶端應用，使得我們的b/s應用更加具有活力及生命力。ExtJS是一個用javascript編寫，與后臺技術無關的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各種開發語言開發的應用中。最近我們在幾個應用都使用到了ExtJS，對公司以前開發的一個OA系統也正在使用ExtJS2.0進行改造，使得整個系統在用戶體驗上有了非常大的變化。本教程記錄了前段時間本人學習ExtJS的一些心得及小結，希望能幫助正在學習或準備學習ExtJS的朋友們快速走進ExtJS2.0的精彩世界。

1、關于頁面元素的引用?通過jquery的$()引用元素包括通過id、class、元素名以及元素的層級關系及dom或者xpath條件等方法，且返回的對象為jquery對象（集合對象），不能直接調用dom定義的方法。

DWZ富客戶端框架(jQuery RIA framework), 是中國人自己開發的基于jQuery實現的Ajax RIA開源框架. DWZ富客戶端框架設計目標是簡單實用、擴展方便、快速開發、RIA思路、輕量級 DWZ框架支持用html擴展的方式來代替javascript代碼, 只要懂html語法, 再參考DWZ使用手冊就可以做ajax開發. 開發人員不寫javascript的情況下, 也能用ajax做項目和使用各種UI組件. 基本可以保證程序員不懂javascript, 也能使用各種頁面組件和ajax技術. 如果有特定需求也可以擴展DWZ做定制化開化. 做ajax項目時需要寫大量的javascript才能達到滿意的效果. 國內很多程序員javascript不熟, 大大影響了開發速度. 使用DWZ框架自動邦定javascript效果. 不需要開發人員去關心javascript怎么寫, 只要寫標準html就可以了. DWZ簡單擴展了html標準, 給HTML定義了一些特別的class 和attribute. DWZ框架會找到當前請求結果中的那些特別的class 和attribute, 并自動關聯上相應的js處理事件和效果. DWZ基于jQuery可以非常方便的定制特定需求的UI組件, 并以jQuery插件的形式發布出來. 如有需要也可做定制化開發.

目錄Ajax及工具方法8事件綁定6數據模型5相關資源9信息展示步驟7常用組件4面板布局3信息提示框2ExtJS簡介1ExtJS簡介ExtJS簡稱EXT，它是一個非常優秀的javascript開發框架，主要用來開發具有絢麗外觀的富客戶端WEB程序。ExtJS提供了許多非常實用的可視化組件，為我們開發富客戶端程序提供了許多功能強大的支持，關于Extjs的相關基本概念及使用方法詳見Extjs的API文檔。特點：1、開發速度快2、界面效果絢麗3、組件式開發缺點：報錯不明確調試有一定的難度。

jquery動態分頁最近一直研究jquery的分頁效果，剛剛弄好了一個，拿出來與大家分享。分頁效果與時光網的差不多。

ExtJS4樹先看個簡單的效果圖:TreePanel是ExtJS中最多能的組件之一，它非常適合用于展示分層的數據。TreePanel和GridPanel繼承自相同的基類，所以所有從GridPanel能獲得到的特性、擴展、插件等帶來的好處，在TreePanel中也同樣可以獲得。列、列寬調整、拖拽、渲染器、排序、過濾等特性，在兩種組件中都是差不多的工作方式。

DOJO-API中文參考手冊，附加注解實例Dojo體系架構總體上來看是一個分層的體系架構，最下面的一層是包系統，DojoAPI的結構與Java很類似，它把所有的API分成不同的包（package），當您要使用某個API時，只需導入這個API所在的包。包系統上面一層是語言庫，這個語言庫里包含一些語言工具API，類似于Java的util包。再上一層是環境相關包，這個包的功能是處理跨瀏覽器的問題。

jquery能作什么？（取得文檔中的內容，修改頁面的外觀，改變文檔的內容，響應用戶的交互操作，為頁面添加動態效果，無需刷新頁面從服務器獲取信息，簡化常見的javascript任務。）

jQuery UI 是一套 jQuery 的頁面 UI 插件，包含很多種常用的頁面空間，例如 Tabs（如本站首頁右上角部分） 、拉簾效果（本站首頁左上角）、對話框、拖放效果、日期選擇、顏色選擇、數據排序、窗體大小調整等等非常多的內容。

ExtJs常用控件ExtJs學習系列

domore選擇網頁元素CSS選擇器$(document)//選擇整個文檔$(‘#myId’)//選擇ID為myId的網頁元素$(‘div.myClass’)//選擇class為myClass的div元素Jquery特有的表達式$(‘a:first’)//選擇網頁的第一個a元素$(‘tr:odd’)//選擇表格的奇數行$(‘div:visible’)//選擇可見的div元素方法函數化原生的Window.onloadinner HTMLonclick Jquery的$()html()click()。

MooTools是一個簡潔，模塊化，面向對象的JavaScript框架。它能夠幫助你更快，更簡單地編寫可擴展和兼容性強的JavaScript代碼。Mootools從Prototype.js中汲取了許多有益的設計理念，語法也和其極其類似。但它提供的功能要比Prototype.js多，整體設計也比Prototype.js要相對完善，功能更強大，比如增加了動畫特效、拖放操作等等。總之，Mootools是一個非常優秀的Javascript框架，更多精髓部分等待你去發掘，希望你也能通過學習和使用而喜歡上Mootools，甚至喜歡上Javascript :)

返回值:jQueryjQuery([selector,[context]]) 概述 這個函數接收一個包含 CSS 選擇器的字符串，然后用這個字符串去匹配一組元素。 jQuery 的核心功能都是通過這個函數實現的。 jQuery中的一切都基于這個函數，或者說都是在以某種方式使用這個函數。這個函數最基本的用法就是向它傳遞一個表達式（通常由 CSS 選擇器組成），然后根據這個表達式來查找所有匹配的元素。 默認情況下, 如果沒有指定context參數，$()將在當前的 HTML document中查找 DOM 元素；如果指定了 context 參數，如一個 DOM 元素集或 jQuery 對象，那就會在這個 context 中查找。在jQuery 1.3.2以后，其返回的元素順序等同于在context中出現的先后順序。

jQuery LigerUI 是基于jQuery的一系列UI控件組合，簡單而又強大，致力于快速打造Web前端界面解決方案。 因為是前端控件，跟服務器無關，可以適合.net,jsp,php等等web服務器環境。目前全部插件的打包壓縮JS只有100K左右,很輕巧。使用插件式的開發模式，以“簡單”為原則的設計，每個插件盡量獨立，并可依賴拓展。

jQuery 1.8.2 速查表。HTML5速查表。正則表達式速查表。

且確實可以很輕松地做出許多復雜的效果。雖然jQuery上手簡單，比其他庫容易學會，但是要全面掌握，卻不輕松。因為它涉及到網頁開發的方方面面，提供的各種方法和內部變化有上千種之多。初學者常常感到，入門很方便，提高很困難。目前，互聯網上最好的jQuery入門教材，是RebeccaMurphey寫的《jQuery基礎》（jQuery Fundamentals）。在Google里搜索"jQuery培訓"，此書排在第一位。jQuery官方團隊已經同意，把此書作為官方教程的基礎。這本書雖然是入門教材，但也足足有100多頁。我對它做了一個詳細的筆記，試圖理清jQuery的設計思想，找出學習的脈絡。我的目標是全面掌握jQuery，遇到問題的時候，心里有底，基本知道使用它的哪一個功能，然后可以迅速從手冊中找到具體的寫法。

為了使網頁能夠具有交互性，能夠包含更多活躍的元素，就有必要在網頁中嵌入其它的技術。如：Javascript、VBScript、DocumentObjectModel（文件目標模塊）和CascadingStyleSheets（CSS）等。JavaScript是一種腳本語言，它采用小程序段的方式實現編程。像其它腳本語言一樣JavaScript同樣已是一種解釋性語言,它提供了一個易的開發過程。在程序運行過程中被逐行解釋。它與HTML標識結合在一起，方便用戶的使用操作。隨著互聯網的普及。大量web頁面的使用使得腳步語言越來越重要。Javascript逐漸成為當前最流行和使用最廣的腳步語言

GWT是Google Web Toolkit的簡稱GWT是一個以Java語言為工具，以類似Swing的方式編寫UI組件，之后通過GWT Compiler編譯為JavaScritp和HTML在客戶端瀏覽器中運行的一個開發工具和編程模型。GWT的構成JavaToJSCompiler功能：把Java代碼轉換成JavaScript代碼位置：com.google.gwt.dev.GWTCompiler注意：a.只能編譯Java源碼，而不能編譯Java二進制碼。b.不支持部分JDK1.5的特性，例如：generics，enums等（僅僅限與要被編譯的代碼，服務器端程序不受限制）JSNI全名：JavaScriptNativeInterface功能：Java代碼中調用JavaScript程序原理：通過JSNI，GWTCompiler能夠把NativeJavaScript與從Java生成的JS。

SmartGWT 是封裝了 SmartClient 的 GWT API。SmartGWT 有如下特色： 豐富的控件。很多較為復雜的常用界面都被包裝成簡單易用的控件。比如可 編輯的樹形表格、查詢常用的過濾器創建器和類似 Google Calendar 的日歷等 等。 內置的數據整合功能。利用 SmartClient 的 MVC 模式，用戶可以通過定義 數據源（Data Source)，很容易地開發出能對服務器端數據進行創建，更新，獲 取和刪除操作的界面。甚至只要 10 行以內的代碼。 支持 Skin。通過 Skin，用戶能定制整套風格一致的界面方案。只需在線切 換，就可以換到全新的風格。 如此強大的功能是否上手也很難呢？否！基于 GWT 的 SmartGWT 是非常容易 使用的，即使很炫的效果，實現代碼也非常簡短，Java 開發人員很快就可以做 出炫目的 Web 應用。

萬一你沒有使用過大名鼎鼎的prototype.js，那么讓我來告訴你，prototype.js是由Sam Stephenson寫的一個javascript類庫。這個構思奇妙，而且兼容標準的類庫，能幫助你輕松建立有高度互動的web2.0 特性的富客戶端頁面。 如果你最近嘗試使用它，你大概了解到文檔并不是作者的一個強項。和在我以前使用這個類庫的不少開發者一樣，一開始，我不得不一頭扎進閱讀 prototype.js 的源代碼和實驗它的功能中。我想，在我學習完它之后，把我學到的東西分享給大家是件不錯的事。