XPages Tips : XPages で Dojo ウィジェットを使う
XPages でよく質問をいただく内容を、Tips としてご紹介したいと思います。
第一弾は「XPages で Dojo ウィジェットを使う」です。
XPages は、クライアントサイドの JavaScript ライブラリとして、Dojo を使用しています。
Dojo は沢山のウィジェットを提供していますが、XPages の標準コントロールとして
使用されているのは、Date Picker や Rich Text Editor など一部のウィジェットだけです。
XPages の標準コントロールとして提供されていない Dojo ウィジェットを使用するには、
使用したい Dojo ウィジェットのモジュールを読み込み、XPage をソースタブで開いて
Dojo ウィジェットを使用した HTML を直接埋め込みます。
具体的な手順は以下です。（参考： Domino Designer Wiki 記事（英語））
1. Dojo ウィジェットを組み込みたい XPage を開き、背景の XPage を選択した状態で
プロパティ・ビューの「すべてのプロパティ」を開く
2. basics > resources プロパティに dojoModule を追加して、その name 属性に、
利用したいDojo ウィジェットのモジュール名をセット
（これにより、dojo.require("Dojoモジュール名") 文が XPage に自動で追加される）
ここでは dijit._Calendar, dijit.ProgressBar の２つを追加
3. さらに、basics > dojoParseOnLoad および dojoTheme プロパティ を true にセット
4. XPage をソースタブで開き、Dojo ウィジェットを使用するためのHTMLタグを埋め込む
<div dojoType="dijit.ProgressBar" style="width:150px" id="progressbar" />
<div dojoType="dijit._Calendar" id="calendar" />
以上で完了です。XPage をプレビューすると以下のように、Dojoウィジェットが表示されます。
お試しください。
小野 充志 (onoat)
WPLC Business Partner Technical Enablement Japan Team、ソフトウェア開発研究所
カテゴリー
: [ Dojo | XPages ]
2009年 10月 03日 , 23:59:00 JST
|
WPLC (Lotus + Portal) の最新情報や、パートナー様との出来事をブログでお伝えします
