Extjs學習總結

1:按鈕的禁用於否:

  屬性: disabled : true,  初始化時爲禁用

  Ext.getCmp('updateb').disable();  //禁用按鈕
  Ext.getCmp('deleteb').enable();    //恢復可用

 

2:面板

 Ext.getCmp('rulepanel').setVisible(true);  //使面板可見

 Ext.getCmp('rulepanel').setVisible(false);  //使面板不可見

 Ext.getCmp('rulepanel').collapse(true); //使rulepanel收縮

 Ext.getCmp('rulepanel').expand(true);   //使rulepanel展開

 

 

3:checkbox

屬性:inputValue 類似其value

 

body : Ext.Element
它是指向panel的body的Element引用。它被用於包含html內容。可以通過html config,或者是autoLoad config,又或者是通過panel的Updater來設置內容。此屬性只讀。
如果此屬性被任何方法加載了html內容,那麼這個panel就不能通過佈局類來控制佈局了。
如果這個panel已被佈局類所管理,那麼就不能對body進行任何改動,或加載什麼內容。因爲它正處於panel的佈局管理類的控制之下。

buttons : Array
panel的button數組,它通過buttons config創建,只讀。

dd : Ext.dd.DragSource.
如果此panel配置了draggable屬性,這個屬性將包含一個Ext.dd.DragSource的實例。開發人員通過必須提供對Ext.dd.DragSource的抽象方法的實現來達到支持drag/drop動作的目的。詳情可見draggable。

disabled : Boolean
如果組件是disabled,那麼它爲true。只讀。


footer : Ext.Element
指向panel footer的Element的引用。只讀。它用於存放panel的buttons所定義的按鈕。一般不要用它來放按鈕。


header : Ext.Element
指向panel header的Element的引用。只讀。這個元素用於存放title和tools。

hidden : Boolean
如果組件是隱藏的,那麼它爲true,只讀。


initialConfig : Object
組件的config。只讀。

items : MixedCollection
panel中的子組件的集合。

ownerCt : Ext.Container
組件的父組件,默認值爲undefined,並且在加入到一個容器中時會被自動設置。只讀。


rendered : Boolean
組件是否已經被呈現。。

 

公共方法:
Panel( Object config )

addButton( String/Object config, Function handler, Object scope ) : Ext.Button
config:如果是個字符串就被當作是按鈕的text,如果是個object,那麼它被當作config了。
handler:被按鈕的Ext.Button.click調用。
scope:範圍。
返回:被加入的按鈕的實例。


collapse( Boolean animate ) : Ext.Panel
收縮面板


destroy() : void
看一下源碼就知道,把組件掛接的事件、子元素什麼的全部移除、delete。在什麼Ext.ComponentMgr裏面註冊的東西也註銷掉。


disable() : Ext.Component
沒懸念。。使組件不可用。相當於大夥在dotnet中用得很爽的enabled。


doLayout( [Boolean shallow] ) : void
強制容器重新計算佈局,就是刷新佈局啦。它的作用就是當在render之後加入了一個組件時,這時就需要調用它來刷新一下了。又或者是改變了子組件的大小、位置,這時也要刷新一下。


expand( Boolean animate ) : Ext.Panel
伸展panel。


getBottomToolbar() : Ext.Toolbar
獲得panel的bbar。

 

getFrameHeight() : Number
它的高度包括:header,tbar,bbar,footer,但是不包括body。單位是像素(px)。如果要獲得body的高度,請使用getInnerHeight。


getFrameWidth() : Number
獲得panel的邊框寬度。當然是不包括body的寬度的,要獲得body的寬度用getInnerWidth。

getId() : String
獲得組件的id。


getInnerHeight() : Number
僅僅返回panel.body的高度。不包括其餘四個部分。


getInnerWidth() : Number
僅僅返回panel.body的寬度。

getTopToolbar() : Ext.Toolbar
取得tbar的引用。

getUpdater() : Ext.Updater
通過Ext.Updater獲得此panel的updater,有了它就能通過ajax更新panel.body了。

load( Object/String/Function config ) : Ext.Panel
通過一個XHR(XmlHttpRequest)調用馬上加載內容。
示例代碼如下:
panel.load({
    url: "your-url.php",
    params: {param1: "foo", param2: "bar"}, //或者是url編碼的字符串
    callback: yourFunction,
    scope: yourObject,
    discardUrl: false,
    nocache: false,
    text: "Loading...",
    timeout: 30,
    scripts: false
});

這裏面,唯一一個必須的屬性就是url。


setIconClass( String cls ) : void
用於設置panel上的所有的icon的樣式,如果哪個圖標設置了樣式,都會被它所替代。


toggleCollapse( Boolean animate ) : Ext.Panel
如果處理收縮狀態就伸展,如果是伸展就收縮。總之與當前狀態相反。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章