「ExtJS 2.0実用簡明チュートリアル」のコンポーネントの構成プロパティ
ExtJSでは、いくつかの特殊なコンポーネントやクラスを除いて、すべてのコンポーネントは初期化時にコンストラクション関数で属性名と値を含むオブジェクトを使用することができます.このオブジェクトの情報は、コンポーネントの構成属性を指します.たとえば、パネルを設定します.
たとえば、ボタンを作成します.
たとえば、Viewポートとそのコンテンツを作成します.
各コンポーネントは、ベースクラスの構成プロパティを継承するほか、必要に応じて独自の構成プロパティを追加します.また、サブクラスでは、親クラスの構成プロパティの意味や用途を再定義する場合があります.ExtJSの学習と使用において、最も重要なのはExtJSの各コンポーネントの構成属性と具体的な意味を把握することであり、これらの構成属性はダウンロードしたExtJSソースドキュメントに詳細な説明があり、このドキュメントを通じて各コンポーネントの特性を詳しく理解することができ、下図に示すように:
すべてのコンポーネントがExt.Componentから継承されているため、ここではコンポーネントベースクラスComponentの構成プロパティについて簡単に説明します.
属性名の構成
を選択します.
概要
allowDomMove
Boolean
このコンポーネントをレンダリングするときにDomノードの移動を許可するかどうか(デフォルトはtrue).
applyTo
Mixed
指定したオブジェクトがコンポーネントに適用されることを示すブレンドパラメータ.パラメータは、ノードのid、1つのDOMノード、または1つの存在する要素、またはそれに対応するdocumentにすでに存在するidであってもよい.applyToを使用する場合は、サブコンポーネントが許可されている場合は、idまたはCSSのclass名を指定することもできます.applyToオプションを書き込む場合、renderToメソッドに渡されるすべての値は無視され、ターゲット要素の親ノードはこのコンポーネントのコンテナとして自動的に指定されます.applyToオプションを使用すると、render()メソッドを呼び出してコンポーネントをレンダリングする必要はありません.
autoShow
Boolean
trueのように自動的に表示されると、コンポーネントは「x-hidden」や「x-hide-display」などのすべての非表示タイプのclassをチェックし、レンダリング時に削除します(デフォルトは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
コンポーネントのカスタム機能を追加するオブジェクトまたは配列.有効なコンポーネントプラグインには、Ext.Componentタイプパラメータを持つinitメソッドが含まれている必要があります.コンポーネントが確立されると、そのコンポーネントに有効なプラグインが含まれている場合、各プラグインを呼び出すinitメソッド、コンポーネントをプラグインに渡すと、プラグインはコンポーネントのメソッド呼び出しやイベントアプリケーションなどを実現し、コンポーネント機能の拡張を実現することができる.
renderTo
Mixed
ブレンドデータパラメータは、ノードにレンダリングするid、DOMのノード、または既存のコンテナを指定します.この構成オプションを使用すると、コンポーネントのrender()は必要ありません.
stateEvents
Array
コンポーネントのステータス情報を保存するイベントを定義します.指定したイベントが発生すると、コンポーネントはそのステータス(デフォルトはnone)を保存します.このコンポーネントがサポートする任意のeventタイプの値で、コンポーネント自体またはカスタムイベントが含まれます.(例:[‘click’,’customerchange’]).
stateId
String
コンポーネントのステータスID、ステータスマネージャはこのidを使用してコンポーネントのステータス情報を管理し、デフォルト値はコンポーネントのidである.
style
String
このコンポーネントの要素に特定のスタイル情報を指定します.有効なパラメータは
Ext.Element.applyStylesの値です.
xtype
String
作成するコンポーネントのxtypeを指定し、関数を構築するのに意味がありません.このパラメータは、コンテナコンポーネントでサブコンポーネントを作成し、インスタンス化とレンダリングを遅らせるときに使用します.カスタムコンポーネントの場合はExt.ComponentMgrを使用する必要があります.レジスタータイプを登録すると、遅延インスタンス化とレンダリングがサポートされます.
el
Mixed
applyToに相当
ExtJSのコンポーネントの詳細な使用方法については、Componentのプロパティプロパティ、メソッド、イベントの詳細など、wlr.を参照してください.easyjf.comのVIPドキュメント『ExtJSコンポーネントComponent詳細(1),(2)』.
new Ext.Panel({
title:" ",
html" ",
height:100});たとえば、ボタンを作成します.
var b=new Ext.Button({
text:" ",
pressed:true,
heigth:30,
handler:Ext.emptyFn
});たとえば、Viewポートとそのコンテンツを作成します.
new Ext.Viewport({
layout:"border",
items:[
{
region:"north",
title:" ",
html:" ",
height:100},
{
region:"center",
xtype:"grid",
title:" ",
store:troe,
cm:colM,
store:store,
autoExpandColumn:3
}
]
});各コンポーネントは、ベースクラスの構成プロパティを継承するほか、必要に応じて独自の構成プロパティを追加します.また、サブクラスでは、親クラスの構成プロパティの意味や用途を再定義する場合があります.ExtJSの学習と使用において、最も重要なのはExtJSの各コンポーネントの構成属性と具体的な意味を把握することであり、これらの構成属性はダウンロードしたExtJSソースドキュメントに詳細な説明があり、このドキュメントを通じて各コンポーネントの特性を詳しく理解することができ、下図に示すように:
すべてのコンポーネントがExt.Componentから継承されているため、ここではコンポーネントベースクラスComponentの構成プロパティについて簡単に説明します.
属性名の構成
を選択します.
概要
allowDomMove
Boolean
このコンポーネントをレンダリングするときにDomノードの移動を許可するかどうか(デフォルトはtrue).
applyTo
Mixed
指定したオブジェクトがコンポーネントに適用されることを示すブレンドパラメータ.パラメータは、ノードのid、1つのDOMノード、または1つの存在する要素、またはそれに対応するdocumentにすでに存在するidであってもよい.applyToを使用する場合は、サブコンポーネントが許可されている場合は、idまたはCSSのclass名を指定することもできます.applyToオプションを書き込む場合、renderToメソッドに渡されるすべての値は無視され、ターゲット要素の親ノードはこのコンポーネントのコンテナとして自動的に指定されます.applyToオプションを使用すると、render()メソッドを呼び出してコンポーネントをレンダリングする必要はありません.
autoShow
Boolean
trueのように自動的に表示されると、コンポーネントは「x-hidden」や「x-hide-display」などのすべての非表示タイプのclassをチェックし、レンダリング時に削除します(デフォルトは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
コンポーネントのカスタム機能を追加するオブジェクトまたは配列.有効なコンポーネントプラグインには、Ext.Componentタイプパラメータを持つinitメソッドが含まれている必要があります.コンポーネントが確立されると、そのコンポーネントに有効なプラグインが含まれている場合、各プラグインを呼び出すinitメソッド、コンポーネントをプラグインに渡すと、プラグインはコンポーネントのメソッド呼び出しやイベントアプリケーションなどを実現し、コンポーネント機能の拡張を実現することができる.
renderTo
Mixed
ブレンドデータパラメータは、ノードにレンダリングするid、DOMのノード、または既存のコンテナを指定します.この構成オプションを使用すると、コンポーネントのrender()は必要ありません.
stateEvents
Array
コンポーネントのステータス情報を保存するイベントを定義します.指定したイベントが発生すると、コンポーネントはそのステータス(デフォルトはnone)を保存します.このコンポーネントがサポートする任意のeventタイプの値で、コンポーネント自体またはカスタムイベントが含まれます.(例:[‘click’,’customerchange’]).
stateId
String
コンポーネントのステータスID、ステータスマネージャはこのidを使用してコンポーネントのステータス情報を管理し、デフォルト値はコンポーネントのidである.
style
String
このコンポーネントの要素に特定のスタイル情報を指定します.有効なパラメータは
Ext.Element.applyStylesの値です.
xtype
String
作成するコンポーネントのxtypeを指定し、関数を構築するのに意味がありません.このパラメータは、コンテナコンポーネントでサブコンポーネントを作成し、インスタンス化とレンダリングを遅らせるときに使用します.カスタムコンポーネントの場合はExt.ComponentMgrを使用する必要があります.レジスタータイプを登録すると、遅延インスタンス化とレンダリングがサポートされます.
el
Mixed
applyToに相当
ExtJSのコンポーネントの詳細な使用方法については、Componentのプロパティプロパティ、メソッド、イベントの詳細など、wlr.を参照してください.easyjf.comのVIPドキュメント『ExtJSコンポーネントComponent詳細(1),(2)』.