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

Visualforce 開発者ガイド

Clouds with binary code floating aboveCloud with binary code floating above

No Results

Search Tips:

  • Please consider misspellings
  • Try different search keywords
PDF

$Component を使用した JavaScript からのコンポーネントの参照

$Component グローバル変数を使用すると、Visualforce コンポーネント用に生成される DOM ID の参照が簡略化され、ページ構造全体での連動関係の一部が削減されます。

どの Visualforce タグにも id 属性が含まれています。他のタグでタグの id 属性を使用することにより、その 2 つのタグをバインドすることができます。たとえば、<apex:outputLabel> タグの for 属性を <apex:inputField> タグの id 属性と併用することができます。<apex:actionFunction>、<apex:actionSupport>、およびその他の活動指向型のコンポーネントの reRender 属性および status 属性もその他のコンポーネントの id 属性の値を使用します。

この ID は、複数の Visualforce コンポーネントのバインドに使用されるだけでなく、ページを表示する際のコンポーネントのドキュメントオブジェクトモデル (DOM) ID の一部の形成にも使用されます。

JavaScript または他の Web 対応言語で Visualforce コンポーネントを参照するには、そのコンポーネントの id 属性の値を指定する必要があります。DOM ID はコンポーネントの id 属性とその要素を含むすべてのコンポーネントの id 属性の組み合わせで構成されます。

コンポーネントアクセスの例

次の例では、<apex:outputPanel> タグの DOM ID を使用します。このページには 2 つのパネルがあります。最初のパネルには DOM イベントをトリガするチェックボックスがあり、2 番目のパネルにはイベントに応じて変わるいくつかのテキストが含まれています。

ページの上部には、<script> HTML タグ内に含まれる JavaScript があります。イベント (input) をトリガした要素および影響を受けるテキストを含む対象のパネルの DOM ID (textid) を引数としてとります。

{!$Component.thePanel} 式は、<apex:outputPanel id="thePanel"> コンポーネントによって生成される HTML 要素の DOM ID を取得するために使用されます。