この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

$Component

Visualforce コンポーネントを参照する際に使用するグローバル差し込み項目の種別です。

使用方法

Visualforce ページの各コンポーネントには、固有の Id 属性があります。ページが表示されるとき、この属性は、ドキュメントオブジェクトモデル (DOM) ID の生成に使用されます。JavaScript で $Component.Path.to.Id を使用して、ページ上の特定のコンポーネントを参照します。Path.to.Id は、参照するコンポーネントのコンポーネント階層指定子です。

例

次の JavaScript メソッドは、Visualforce ページ内の msgpost という名前のコンポーネントを参照します。

1function beforeTextSave() {
2    document.getElementById('{!$Component.msgpost}').value = 
3        myEditor.getEditorHTML();
4}

次のページマークアップは、msgpost が参照する <apex:outputText> コンポーネントを表示します。

1<apex:page>
2    <apex:outputText id="msgpost" value="Emacs"/> is great.
3</apex:page>

コンポーネントがネストされている場合は、完全なコンポーネントパス指定子を使用する必要があります。たとえば、ページが次のような場合:

1<apex:page>
2    <apex:pageBlock id="theBlock">
3        <apex:pageBlockSection id="theSection" columns="1">
4            <apex:pageBlockSectionItem id="theSectionItem">
5                <apex:outputText id="theText">
6                    Heya!
7                </apex:outputText>
8            </apex:pageBlockSectionItem>
9        </apex:pageBlockSection>
10    </apex:pageBlock>
11</apex:page>

関数内で次のようにコンポーネントを参照できます。

1document.getElementById(
2    "{!$Component.theBlock.theSection.theSectionItem.theText}")

Visualforce 開発者ガイド

$Component

使用方法

例

関連項目: