《ExtJS2 0實用簡明教程》之元件的配置屬性

2021-08-30 12:08:34 字數 2356 閱讀 4983

在extjs中,除了一些特殊的元件或類以外,所有的元件在初始化的時候都可以在建構函式使用乙個包含屬性名稱及值的物件,該物件中的資訊也就是指元件的配置屬性。

比如配置乙個面板:

new ext.panel();
再比如建立乙個按鈕:

var b=new ext.button();
再比如建立乙個viewport及其中的內容:

new ext.viewport(,		]

});

由於所有的元件都繼承自ext.component,因此在這裡我們列出元件基類component中的配置屬性簡單介紹。

配置屬性名稱

型別

簡介

allowdommove

boolean

當渲染這個元件時是否允許移動dom節點(預設值為true)。

mixed

autoshow

boolean

自動顯示,如為true,則元件將檢查所有隱藏型別的class(如:』x-hidden』 或』x-hide-display』並在渲染時移除(預設為false)。

cls

string

給元件新增額外的樣式資訊,(預設值為''),如果想自定義元件或它的子元件的樣式,這個選項是非常有用的。

ctcls

string

給元件的容器新增額外的樣式資訊,預設值為'')。

disabledclass

string

給被禁用的元件新增額外的css樣式資訊,(預設為"x-item-disabled")。

hidemode

string

元件的隱藏方式,支援的值有』visibility』,也就是css裡的visibility,』offsets』負數偏移位置的值和』display』也就是css裡的display,預設值為』display』。

hideparent

boolean

是否隱藏父容器,該值為true時將會顯示或隱藏元件的容器,false時則只隱藏和顯示元件本身(預設值為false)。

id

string

元件的id,預設為乙個自動分配置的id。

listeners

object

給物件配置多個事件***,在物件初始化會初始化這些***。

plugins

object/array

一 個物件或陣列,將用於增加元件的自定義功能。乙個有效的元件外掛程式必須包含乙個init方法,該方法可以帶乙個ext.component型別引數。當元件 建立後,如果該元件包含有效的外掛程式,將呼叫每乙個外掛程式的init方法,把元件傳遞給外掛程式,外掛程式就能夠實現對元件的方法呼叫及事件應用等,從而實現對元件功 能的擴充。

renderto

mixed

混合資料引數,指定要渲染到節點的id,乙個dom的節點或乙個已存在的容器。如果使用了這個配置選項,則元件的render()就不是必需的了。

stateevents

array

定義需要儲存元件狀態資訊的事件。當指定的事件發生時,元件會儲存它的狀態(預設為none),其值為這個元件支援的任意event型別,包含元件自身的或自定義事件。(例如:[『click』,』customerchange』])。

stateid

string

元件的狀態id,狀態管理器使用該id來管理元件的狀態資訊,預設值為元件的id。

style

string

給該元件的元素指定特定的樣式資訊,有效的引數為

中的值。

xtype

string

指定所要建立元件的xtype,用於建構函式中沒有意義。該引數用於在容器元件中建立建立子元件並延遲例項化和渲染時使用。如果是自定義的元件,則需要用ext.componentmgr.registertype來進行註冊,才會支援延遲例項化和渲染。

el

mixed

關於extjs中元件的詳細使用說明,包括component的屬性properties、方法及事件詳細,請參考wlr.easyjf.com中的vip文件《extjs元件component詳解(1)、(2)》。

《ExtJS2 0實用簡明教程》之獲得ExtJS

圖1 2 extjs發布包目錄 adapter 負責將裡面提供第三方底層庫 包括ext自帶的底層庫 對映為ext所支援的底層庫。build 壓縮後的ext全部原始碼 裡面分類存放 docs api幫助文件。exmaples 提供使用extjs技術做出的小例項。resources ext ui資源檔案...

ExtJS2 0實用簡明教程》之布局概述

所謂布局就是指容器元件中子元素的分布 排列組合方式。ext的所有容器元件都支援而局操作,每乙個容器都會有乙個對應的布局,布局負責管理容器元件中子元素的排列 組合及渲染方式等。extjs的布局基類為ext.layout.containerlayout,其它布局都是繼承該類。extjs的容器元件包含乙個...

《ExtJS2 0實用簡明教程》之Fit布局

column列布局由ext.layout.columnlayout類定義,名稱為column。列布局把整個容器元件看成一列,然後往裡面放入子元素的時候,可以通過在子元素中指定使用columnwidth或width來指定子元素所佔的列寬度。columnwidth表示使用百分比的形式指定列寬度,而wid...