Ext第一周 史上最強學習筆記---GridPanel（基礎篇）
2024-05-06 14:16:16
供稿：網友
如果你想實現什么特效，這個文字不適合你，但如果你想Ext文章，我想鄙人的小文非常適合你。
另：這篇教程是建立在Ext2.2上的。這個很多教程都沒說明。讓人很糊涂。我在此特別說明
網上很多教程，但是實際使用并不是很多，我想作為一個星期一個星期的總結來給各位網絡上的朋友帶來幫助。希望各位有用。我會從每個細節都說明，盡量不漏掉作為初學者需要知道的基礎知識。第一次寫教程，見笑了。
因為我學這個是這樣一個過程，通過一個控件了解其他的控件，剩下的就是屬性查API了。API我自己在翻譯CHM版的。因為是個人操作。所以時間有限。。大家見諒。
在Ext下。首先接觸的一定是Grid。我也是如此。我是因為 Grid與Ext結緣。
下面先說一下Ext類的申明形式。
以Grid為例
Js代碼
代碼如下:
var grid=new Ext.form.GridPanel({
這里是屬性。
});
var grid=new Ext.form.GridPanel({
這里是屬性。
});
這個申明和java的面向對象很相似。以new關鍵詞作為建立GridPanel類的實例，關于面向對象的基礎知識就不在這里展開了。只是在寫這個總結的時候常用到面向對象的概念。個人覺得學程序，不管你學不學java。think in java必須看完，如果你想學好最好看英文版。因為一句話你可以反復的揣摩。加深印象。我才看到一半都覺得他對一個人的程序思維起很大的作用。好了不走題了。
知道OOP的都知道，在類的里面有一個構造器，在實現類的實例的時候將會初始化這個構造器內的屬性值或者調用方法。
但是在Ext中的屬性賦值不是“=”而是":"。
上面說的是理論的，實際上過程就是這樣。
var grid = new Ext.form.GridPanel();實例化一個類的對象。
{}里面包含的就是傳遞給這個類的初始化屬性值。因為核心代碼我還沒研究，也沒到那份上，所以具體如何傳遞和實現就不說明了，在以后的Ext學習經驗里會說明的。
那將上面的例子擴展一下。
Java代碼
代碼如下:
var grid=new Ext.form.GridPanel({
id: 'list-account-panel',
ds: dataStore,
cm: userCM,
sm: selectBoxModel,
tbar: menubar,
bbar: pagingbar,
loadMask: {msg: 數據加載中...'},
layout: 'fit',
autoScroll:true
});
var grid=new Ext.form.GridPanel({
id: 'list-account-panel',
ds: dataStore,
cm: userCM,
sm: selectBoxModel,
tbar: menubar,
bbar: pagingbar,
loadMask: {msg: 數據加載中...'},
layout: 'fit',
autoScroll:true
});
這些是常用的屬性，將從這里向其他的部分擴展出去。
這樣就申明了一個實力對象并且將其初始化。
你明白了這個過程，如果是真的理解了，只要你熟悉了API .了解到組件的屬性和其定義的方法，你可以去創建任何你想要的組件了。如GridPanel.Panel,Tree.其實道理是胡同的。好了，將好這個關鍵的基礎部分，后面的就是屬性了，有興趣的可以繼續看。
