treeとframeについて

treeコンポーネントでフレームを使用する場合があります。次の3組のUIX XMLコード・ファイルは、treeおよびframeコンポーネントの使用方法を示しています。

最初のコードで、フレームを定義します。


Example 1:

<page xmlns="http://xmlns.oracle.com/uix/controller"
      xmlns:ctrl="http://xmlns.oracle.com/uix/controller"
      xmlns:data="http://xmlns.oracle.com/uix/ui"
      xmlns:http="http://www.w3.org/TR/REC-html40">
  <content>
    <frameBorderLayout xmlns="http://xmlns.oracle.com/uix/ui" >
      <left>
        <frame source="leftframe.uix" name="tree" width="30%"/>
      </left>
      <center>
        <frame source="centerframe.uix" name="contents" />
      </center>
    </frameBorderLayout>
  </content>
</page>    

次のコードで、新しい宛先をいくつか持つツリー自身を定義します。targetFrameキーにより、コンテンツの送り先であるフレームが指定されます。


Example 2:

<ctrl:page xmlns="http://xmlns.oracle.com/uix/ui"
           xmlns:ctrl="http://xmlns.oracle.com/uix/controller"
           xmlns:data="http://xmlns.oracle.com/uix/ui"
           xmlns:html="http://www.w3.org/TR/REC-html40"
           expressionLanguage="el">

  <ctrl:content xmlns:ui="http://xmlns.oracle.com/uix/ui">
    <body>
      <contents>

        <dataScope xmlns="http://xmlns.oracle.com/uix/ui">
          <contents>

            <!-- UIX Components -->
            <form name="myForm" >
              <contents>
                <tree id="tree"
                      formSubmitted="true"
                      nodes="${data:data().Nodes.nodes}"
                      proxy="${TreeProxy.proxy}"/>
              </contents>
            </form>
          </contents>

          <provider>
            <!-- Data -->
            <data name="TreeProxy">
              <method class="oracle.cabo.doc.demo.DataTrees"
                      method="getTreeProxy"/>
            </data>
            <data name="data:Nodes">
              <inline>
                <nodes text="店"
                       destination="http://otn.oracle.com/index.html"
                       targetFrame="contents"
                       expandable="expanded">
                  <nodes text="本"
                          destination="http://www.osborne.com/oracle/"
                          targetFrame="contents"
                          expandable="expanded">
                    <nodes text="セール"
                           destination="http://www.oracle.com"
                           targetFrame="contents"
                           expandable="expanded">
                      <nodes text="文庫"
                             destination="http://www.oracle.com/appsnet/"
                             targetFrame="contents"/>
                    </nodes>
                    <nodes text="フィクション"
                           destination="http://www.oracle.com/oramag/"
                           targetFrame="contents"/>
                    <nodes text="ノンフィクション"
                           destination="http://otn.oracle.com/support/content.html"
                           targetFrame="contents"/>
                  </nodes>
                  <nodes text="ハードウェア"
                        expandable="expanded" >
                    <nodes text="デスクトップ"
                           destination="http://otn.oracle.com/training/content.html"
                           targetFrame="contents"/>
                    <nodes text="ノートブック"
                           destination="http://otn.oracle.com/tech/content.html"
                           targetFrame="contents"/>
                  </nodes>
                </nodes>
              </inline>
            </data>
          </provider>
        </dataScope>
      </contents>
    </body>
  </ctrl:content>

  <!-- UIX Servlet -->
  <ctrl:handlers xmlns="http://xmlns.oracle.com/uix/controller">

    <event name="expand">
      <method class="oracle.cabo.doc.demo.DataTrees"
              method="expandEventHandler"/>
    </event>

  </ctrl:handlers>
</ctrl:page>    

最後のセグメントは、空のUIX XMLファイルです。


Example 3:

<ctrl:page xmlns="http://xmlns.oracle.com/uix/ui"
           xmlns:ctrl="http://xmlns.oracle.com/uix/controller"
           xmlns:data="http://xmlns.oracle.com/uix/ui"
           xmlns:html="http://www.w3.org/TR/REC-html40"/>    

treeについて
frameBorderLayoutとその名前付きの子について

ナビゲーション・コンポーネントの使用
レイアウト・コンポーネントの使用

 

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