Extjs 4學習系列 二

2021-06-16 07:52:53 字數 1355 閱讀 7674

二章 ext 框架基礎及核心 (1)

一 類庫簡介

src 資料夾下

1  底層api (core資料夾下)

2  控制項

3  實用工具 utiles

二 core 案例

使用 core 下的 examplesr 的index.html,此例引用了sample下定義的 person.js

1. 建立物件及使用

**:

ext.require('sample.person', function() );

alert(aaron.getname()); // 'aaron conran'

alert(aaron.getgender()); // 'male'

alert(aaron.getiscool()); // true

aaron.eat("salad"); // alerts "i'm eating: salad"

aaron.setgender('weird');

alert(aaron.getgender()); // 'unknown'

});

學習的第一章我們使用了在頁面載入時

ext.require('sample.person', function()   

這句的意思就是要求ext js載入sample.person類,載入完之後呼叫函式,建立person例項。

其餘的屬性賦值與方法呼叫,比較簡單,就不詳述了。

ext.require函式可支援陣列的引數,傳入多個要載入的類。用起來十分方便,當然背後隱藏了相當多的細節。

ext js 4的動態載入這種方式不需要服務端的安裝什麼,純客戶端的。

2  案例:動態載入乙個視窗

html:

dload2.js:

ext.require([

'ext.tab.*',

'ext.window.*',

'ext.tip.*',

'ext.layout.container.border'

]); //引入需要的類庫

ext.onready(function(), , ]//tab panel items

}]//window itmes

});}

button.dom.disabled = true;

//切換視窗的顯示狀態

if (win.isvisible()) );

} else );

}});

});

學習Extjs4心得

其實,學習extjs4的過程中,經常的檢視api。因為一開始接觸這個,所以一開始不會檢視api,但後來玩久了,也就能夠很熟練的玩了。其實,不管事什麼開發語言還是框架,學會檢視api是我們必須要做的事 在開發過程中,最糾結的就是除錯,我用的是firefox,裡面有個firebug,是除錯js的神器,可...

extjs4的學習之路

以前一直是在做後端的事情,最近做公司的另乙個專案要用到extjs的技術。很少接觸到前端的技術,所以剛開始做的時候是跟著同事的開發文件來做,自己也extjs官網學習,還是遇到很多問題,主要還是對這個技術不熟悉的原因。遇到這些問題有同事在就問同事,同事不在的話就自己網上找。問題也是一點點的解決了。要做乙...

EXTJS4 學習日誌2

1.store和model的封裝 例外處理,reader的一些通用熟悉要進行封裝。extjs3的時候這些東西都寫到basestore中即可,現在需要寫到store和model中。安計畫是將proxy封裝到basemodel中,結果發現basemodel使用constructor方法無法解決繼承的問題...