1. 程式人生 > >整理的一些ExtJS學習資料

整理的一些ExtJS學習資料

1.ExtJs是什麼?

    ExtJS是一個Ajax框架,是一個用javascript寫的,用於在客戶端建立豐富多彩的web應用程式介面。ExtJS可以用來開發RIA也即富客戶端的AJAX應用,說白了就是讓開發人員輕鬆地實現豐富多少的絢麗介面。

    建議使用版本Ext 2.2

2.最簡單的瞭解方式――看例子

官方例子

3.ExtJs的學習方式:

API 網上資源(視訊教程+系列教程+討論群)

4.幫助工具

5.開始逐步瞭解ExtJs

a.Ext結構圖

     

     乍一眼看上去有好多,好亂,但其實我們的平常使用並不需要把全部都學會才能用,重點的控制元件有:

佈局Layout),Grid tree panel form menu 。我今天想重點講講前4個控制元件。

b.ExtJS入門

可以參考文章

c.控制元件說明(重點)

a)佈局(Layout

b)Panel

panel tabpanel window 3種方式

他們都有本質都是一個面板,但是具體應用的不同產生了不同的特性。

重點的引數是載入方式,將在下一部分說說

這裡估計大家會體會到ExtJs控制之間的一些關係,下面的Grid控制元件這種特性更強烈。

c)Grid

一般重點的部分是 columndata 控制元件,組成一個基本的grid顯示,這裡grid控制元件實際是一個容器

d)Tree

有人說過只為了tree,都值得學習Ext

e)結合使用的例子

d.ExtJs前後臺互動的例子 (重點)

主要是gridtreepanel的非同步呼叫機制。

ExtJs只是一個客戶端的框架,但是實際應用中與後臺互動是必不可少的,這裡就需要利用ExtAJAX機制

原理的話我也一時說不太清,先看看一些例子,然後大家一起體會吧。

e.關於Ext的一些技巧

a)註冊方法 例子 tree.on(click,abc)

b)render的使用利用渲染在控制佈局顯示

c)AJAX的使用

d)更高階技巧暫時沒有用到

指令碼檔案管理 儘可能的每個模組做成一個類,一個類一個檔案,類似與

JavaC# 的檔案處理方法,每個檔案註明其作用,依賴的檔案等,如果太多的話可以考慮寫一個配置檔案,通過讀配置檔案來輸出指令碼到客戶端。

6.其它文章推薦