hideShowコンポーネントの挿入

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

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

    「hideShow」ノードが、設計構造ウィンドウの展開された親ノードに挿入され、強調表示されます。プロパティ・インスペクタで、hideShowコンポーネントに設定できる属性が表示されます。

  3. プロパティ・インスペクタで、挿入したhideShowコンポーネントに対して次の属性を設定します。
  4. 索引付けされた子コンポーネントをhideShowに挿入するには、コンポーネント・パレットからコンポーネントを「hideShow」ノードにドラッグ・アンド・ドロップし、プロパティ・インスペクタを使用して子の属性を設定します。このステップを繰り返し、必要に応じて索引付けされた子を追加します。
  5. 名前付きの子promptを使用するには、次のようにします。
    1. 設計構造ウィンドウで、「hideShow」ノードを展開し、次に「hideShow-名前付きの子」ノードを展開してプロンプト・ノードを表示します。
    2. 「prompt」ノードを右クリックして、「promptの中に挿入」->「link」を選択します。
    3. プロパティ・インスペクタで、linkコンポーネントに対して次の属性を設定します。
      • text: 矢印アイコンの隣に表示されるテキストを入力します。
      • destination: プロンプト・リンクが参照するURIを入力します。

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

例(UIX XML)


...
<page ...>
   ...
   <pageLayout>
   ...
     <hideShow disclosed="true" id="hs1">
       <prompt>
         <link text="Text next to icon" destination="#"/>
       </prompt>
       <contents>
         Put indexed children here
       </contents>
     </hideShow>
   ...
   <!-- REST OF PAGE LAYOUT -->
   <pageLayout>
 ...
 <handlers>
   <event name="hide">
     ...
   </event>
   <event name="show">
     ...
   </event>
 </handlers>
</page>    

hideShowについて
hideShowHeaderについて

hideShowHeaderコンポーネントの挿入
レイアウト・コンポーネントの使用

 

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