...

インライン インライン・ ・カレンダー カレンダー・

by user

on
Category: Documents
135

views

Report

Comments

Transcript

インライン インライン・ ・カレンダー カレンダー・
®
IBM Software Group
IBM Rational Host Access Transformation Services (HATS)
V7.5.1 新機能ガイド
インライン・
インライン・カレンダー・
カレンダー・ウィジェット
© 2010 IBM Corporation
IBM Software Group | Rational software
インライン・カレンダー・ウィジェット
これまでのカレンダー・ウィジェット
新規ウィンドウで表示
ブラウザーのポップアップ・ブロックの問題
インライン・カレンダー・ウィジェット
同一ページ内に表示
ブラウザーのポップアップ・ブロックに
ブロックされない
よりモダンな表示方法
ポータル環境でも使用可能
2
IBM Software Group | Rational software
インライン・カレンダー・ウィジェットの詳細
使用している技術要素
<div>エレメント
インライン・カレンダーが開かれると、<div>エレメントのソースをその場で生成
カレンダー表示位置はランチャー・ボタンの位置に依存
AJAX
カレンダーのコンテンツ(日付など)はAJAXを用いて取得
Modal Popup
インライン・カレンダーはモーダル・ポップアップとして表示
1つのページで1つのインライン・カレンダーのみ表示可能
※モーダルとは、呼び出し元のウィンドウへの操作を無効とするような表示方法のこと
ポップアップに適用されるスタイルについて
各テンプレートに適した表示になるようにスタイルが設定されている
3
IBM Software Group | Rational software
設定
カレンダー・ウィジェットのオプションとして設定
「インライン・カレンダーを使用」にチェック
デフォルトはチェック有
チェックを外すと、従来どおり別ウィンドウでカレンダーを表示
ソース (プロジェクト設定ファイル (application.hap))
<class name=“com.ibm.hats.transform.widgets.CalendarWidget”>
・・・
<setting name="useInlineCalendar" value="true"/>
</class>
4
Fly UP