switcherの挿入

switcherコンポーネントを挿入するには、次のようにします。

  1. 目的のファイルの設計構造ウィンドウで、switcherコンポーネントを挿入するノードを探します。
  2. コンポーネント・パレットのドロップダウン・リストから「Miscellaneous Components」を選択し、switcherコンポーネントを、選択した親ノードにドラッグ・アンド・ドロップします。

    「switcher」ノードが、展開された親ノードに挿入され、強調表示されます。

  3. プロパティ・インスペクタで、switcherコンポーネントに対して次の属性を設定します。
  4. switcherのcaseの子要素(必須)を定義するには、次のようにします。
    1. 設計構造ウィンドウで、「switcher」ノードを右クリックし、「switcherの中に挿入」->「case」を選択します。

      「case」ノードが、展開された親ノードに挿入され、強調表示されます。

    2. プロパティ・インスペクタで、デフォルトの「case」の「name」を任意の名前に変更します。名前は必須です。
    3. 設計構造ウィンドウで、「case」ノードを右クリックし、「caseの中に挿入」を選択して、childName属性値がケース名と一致する場合にコンテンツがレンダリングされる1つの子要素を挿入します。
    4. ステップ4aから4cを繰り返し、任意の数のcase要素を追加します。
  5. switcherのデフォルトの子要素(オプション)を定義するには、次のようにします。
    1. コード・エディタで、<default>要素を<switcher>要素の名前付きの子として挿入します。
    2. レンダリングするデフォルトのコンテンツを指定します。

注意: データ・バインディングの使用は、「コンポーネント属性のデータ・バインディング」を参照してください。

例(UIX XML)


...
<switcher childName="${ui:defaulting(userData.person, 'default')}">
  <case name="default">
    You have not picked anyone
  </case>
  <case name="Roger">
    You have picked Roger
  </case>
  <case name="Peter">
    You have picked Peter
  </case>
</switcher>
...
<switcher childName="${userData.person}"
          defaultCase="defCase">
  <case name="defCase">
    You have not picked anyone
  </case>
  <case name="Roger">
    You have picked Roger
  </case>
  <case name="Peter">
    You have picked Peter
  </case>
</switcher>
...
<switcher childName="${userData.person}">
  <default>
    You have not picked anyone
  </default>
  <case name="Roger">
    You have picked Roger
  </case>
  <case name="Peter">
    You have picked Peter
  </case>
</switcher>
...    

switcherについて

単純なコンポーネントおよびその他のコンポーネントの使用

 

Copyright © 1997, 2004, Oracle. All rights reserved.