這幾天聽同事說ext js的功能很強大,我就買了本《深入淺出ext js 第二版》書進行學習,畢竟自己是搞web開發,對於這種強勢的潮流還是要多學習的啊。
首先,我們需要了解基本ext js的目錄和ext js的版本使用。
以後示例都基於ext js 3.3.0 版本開發,並保證親自執行。
下面是ext js 3.3.0 目錄結構
目錄結構介紹:
adapter:負責將裡面提供第三方底層庫(包括ext 自帶的底層庫)對映為ext 所支援
的底層庫。
build: 壓縮後的ext 全部原始碼(裡面分類存放)。
docs: api 幫助文件。
exmaples:提供使用extjs 技術做出的小例項。
resources:ext ui 資源檔案目錄,如css、檔案都存放在這裡面。
source: 無壓縮ext 全部的原始碼(裡面分類存放) 遵從lesser gnu (lgpl) 開源的
協議。
ext-all.js:壓縮後的ext 全部原始碼。
ext-all-debug.js:無壓縮的ext 全部的原始碼(用於除錯)。
ext-core.js:壓縮後的ext 的核心元件,包括sources/core 下的所有類。
ext-core-debug.js:無壓縮ext 的核心元件,包括sources/core 下的所有類。
其實我們在使用ext js是,主要用到3個js和resources中css和images。3個重要js檔案為:ext-all.js,ext-base.js,ext-lang-zh_cn.js。有這些檔案我們就可以開始編寫ext js了。
第乙個ext js 檔案,hello world。哈哈,估計所有的程式設計師都經歷了這個時代,不過學習新的語言這也是畢竟之路啊。
先看看**吧。
那麼執行他的結果如下圖:
下面介紹一下主要的**:
ext.onready 是指頁面內容載入完後執行裡面的程式。
ext.msg.alert 彈出乙個對話方塊,細心的同學已經發現,ext的alert和普通的alert有明顯的不同,樣式變好了,還能自定義標題了。真是不一樣了啊。
好了,今天的學習就到這裡了,明天我們會在講講簡單的ext基礎時間和類。
關於Extjs入門(初學有用)
extjs入門很簡單,以下是本人的入門經過 2 解壓extjs壓縮包,裡面有例子,例子很好,入門很不錯的,認真看吧,但看是不夠的,還要動手去改然後看結果,這是最直接的。3 學會看api,api無非就是屬性方法事件罷了。4 3個星期後用extjs做第乙個專案,經過乙個專案後,你的 extjs會提高不少...
extjs讀書筆記 一
extjs讀書筆記 一 基本語法 1.ext.element元素 document.getelementbyid test 得到html元素 ext.get 得到ext.element元素,要得到html元素的話,需要ext.get dom ext.getcmp是ext.componentmgr.g...
Git初學筆記 一
看了好多git的配置,歸納總結下,以免之後電腦重灌,又要到處找一遍資料。記錄在此,以備忘。git中輸入如下命令 git config global user.name chenjj2048 git config global user.email chenjj2048 foxmail.com 如果想...