XPages Extension Library で OneUI Part1

前回 XPages Extension Library のインストール方法について書きましたが、今回からその使い方について見ていきます。ちょっとした Dojo のコントロールなどは、XPage 上にドラッグアンドドロップするだけで、比較的に簡単に利用できそうです。ただ、サンプルデータベースにも組み込まれている OneUI を使ったレイアウトは、ドキュメントらしいものもないので、ソースを見ながら試行錯誤しなければなりません。
ということで、今回から

• アプリケーションレイアウトの作成
• ナビゲーションの作成
• XPage の完成

の 3 つパートでご紹介したいと思います。
まずは、今回は Extension Library を使用した OneUI のアプリケーションレイアウト作成からです。
言葉とスクリーンショットでは説明が非常に難しいのでビデオにしました。


以下は、ビデオ中で使用したコードになります。

<xp:this.facets>
   <xp:callback xp:key="LeftColumn" facetName="LeftColumn"
    id="callback1">
   </xp:callback>
   <xp:callback xp:key="RightColumn" facetName="RightColumn"
    id="callback2">
   </xp:callback>
  </xp:this.facets>
  <xp:callback id="OneUIMainAreaCallback"></xp:callback>

次回は、ナビゲーションの作成方法をご紹介します。
お楽しみに。