Ext js初學筆記 (一)

2021-08-31 02:50:59 字數 1157 閱讀 7436

這幾天聽同事說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 如果想...