Webアプリケーション モジュール (WAM)
Webアプリケーション モジュール (WAM)
エディション日付: 2013年7月30日
© LANSA
始める前に |
|
1. WAMの概論 |
|
1.1 WAMとは? |
|
1.2 WAMアーキテクチャの大きな特徴 |
|
1.3 その他のWAMの特徴 |
|
1.4 アプリケーション・ロジック層 |
|
1.4.1 Webroutine |
|
1.4.2 Webマップ |
|
Webマップのフィールドの属性 |
|
コンパイル時にWebroutineがプレゼンテーション層のXSLを生成 |
|
グローバルWebマップ |
|
プログラムによりWebroutineの流れをコントロール |
|
1.4.3 状態非依存 |
|
1.4.4 再利用可能パーツの役割 |
|
1.5 プレゼンテーション層 |
|
1.5.1 エディター |
|
1.5.2 プレゼンテーション層にデフォルトで生成されるもの |
|
1.5.3 ウェブレット |
|
1.6 WAMサンプル - 始めから終わりまで |
|
1.7 WAM ウィザード |
|
1.7.1 LANSA Web モバイル アプリケーション |
|
1.7.2 LANSA Web jQuery テーマの CRUD アプリケーション |
|
1.7.3 Web アプリケーション レイアウト マネージャ ウィザード |
|
2. WAMの構造 |
|
2.1 WAM、Webroutine、ウェブレット、ウェブレット・テンプレートの関係 |
|
2.1.1 WAMのビルドおよびコンパイル |
|
2.1.2 ウェブレットとウェブレット・テンプレート |
|
2.1.3 ウェブレットの使用方法 |
|
2.1.4 ウェブレットをいつ、どこで使用するのか? |
|
2.1.5 独自のウェブレットの作成 |
|
2.2 テクノロジ・サービス |
|
2.2.1 テクノロジ・サービスとは? |
|
2.2.2 どのテクノロジ・サービスを使用すればよいのか? |
|
2.2.3 独自のサービスの作成 |
|
2.2.4 特定のテクノロジ・サービスに対するXSLの生成 |
|
2.2.5 特定のテクノロジ・サービスの表示の確認 |
|
2.3 WebroutineのXSLの構造 |
|
2.4 WAMレイアウトとレイアウト ・ウェブレット |
|
2.4.1 WAMレイアウト |
|
2.4.2 レイアウト・ウェブレット |
|
2.4.3 レイアウトが決定/制御するもの |
|
2.4.4 WAMレイアウトをWAMに割り当てる方法 |
|
2.4.5 独自のサイト・レイアウトの作成方法 |
|
2.4.6 Webroutineにより使用されているWAMレイアウトの変更方法 |
|
2.4.7 WAMレイアウトに関連付けられているレイアウト・ウェブレットの変更方法 |
|
2.5 変数 |
|
2.5.1 出荷時の変数値を変更する方法 |
|
2.5.2 独自の変数を作成する方法 |
|
2.6 ローカル変数 |
|
2.7 カスケード・スタイルシート(CSS)とスタイル・ウェブレット |
|
2.7.1 カスケード・スタイルシートとその働き |
|
2.7.2 ロードされるCSSファイルの種類および独自のCSSファイルを追加する方法 |
|
2.7.3 独自のスタイル・ウェブレットの作成方法 |
|
2.7.4 使用可能なカスケード・スタイルシート |
|
2.8 Javascriptとスクリプト・ウェブレット |
|
2.8.1 独自のスクリプト・ウェブレットの作成方法 |
|
2.8.2 ウェブレットのプロパティ用のインラインJavaScriptをフォーマットする方法 |
|
2.9 メッセージ |
|
2.10 タイプ |
|
2.11 非表示 |
|
2.12 キー |
|
2.13 インライン・リスト |
|
2.13.1 インライン・リストの作成 |
|
2.13.2 インライン・リスト内でのウェブレットの使用 |
|
3. 主要なトピック |
|
3.1 WAMでのCHECKNUMERICの使用 |
|
3.2 WAMアプリケーションのデザイン |
|
3.3 複数言語に対応した開発 |
|
3.4 WAMアプリケーションでのCookieの使用 |
|
3.5 サービス名の使用 |
|
3.6 セッション状態の使用 |
|
3.7 オブジェクトの削除 |
|
3.8 LOBデータ・タイプとストリーム・ファイル |
|
3.8.1 ファイル要求 |
|
3.8.2 LOB/Fileコンテンツ・タイプ |
|
3.8.3 LOB/File プロパティ |
|
3.8.4 カスタムのHTTPヘッダー |
|
3.8.5 コンテンツがテキストのCLOBおよびファイル |
|
3.8.6 圧縮 |
|
3.9 WAM外部リソース |
|
3.9.1 スクリプトとスタイルの指定 |
|
3.9.2 外部リソースの追加順序 |
|
3.9.3 提供されるWAM外部リソース |
|
3.10 jQueryの使用 |
|
3.10.1 ツールとヒント |
|
3.11 WAMのテーマ |
|
3.12 ローカライズ |
|
3.12.1 テクノロジ・サービス・プロバイダ |
|
3.12.2 サードパーティ・ライブラリ |
|
3.13 JSONサポート |
|
3.13.1 JSON リスト |
|
3.13.2 JSONの便利なラッパー |
|
Webroutineの要求 |
|
フィールドの取得 |
|
リストの処理 |
|
メッセージの取得 |
|
コンテキスト・データ |
|
JSON 要求の構築 |
|
JSON 要求へのフィールド追加 |
|
JSON 要求へのリスト追加 |
|
JSON 要求のリスト・ヘッダーを定義 |
|
JSON 要求リストにエントリーを追加 |
|
JSON 要求の送信 |
|
3.14 WAM出力のファイル保存 |
|
3.15 ドキュメントの型宣言(DOCTYPE) |
|
4. アドバンスド・トピック |
|
4.1 WEBROUTINEのTRANSFERステートメント |
|
4.2 WEBROUTINEのCALLステートメント |
|
4.3 WAMのセッション管理 |
|
4.3.1 セッション管理の構成 |
|
4.3.2 セッション・キー方式 |
|
4.3.3 WEB_MAPの*PERSISTキーワード |
|
4.3.4 セッション状態の保守 |
|
4.3.5 セッション管理の仕組み |
|
4.3.6 WAMのセッション・プロパティ |
|
4.3.7 WAMセッションの例 |
|
4.3.8 セッションの状態 |
|
5. WAMアプリケーションの実行 |
|
5.1 WAMのビルドあるいはコンパイル |
|
5.2 配布と実行時の環境 |
|
5.3 WAMとXSLの配布 |
|
5.4 複数層の配布 |
|
5.5 WAMのURL (Uniform Resource Locator) |
|
5.6 送信されるHTTPデータとフィールドの対応関係 |
|
5.7 プレゼンテーション出力の作成方法 |
|
6. WAMとWEBEVENTの相互運用 |
|
6.1 WEBEVENTフォームを呼び出すWAMフォーム |
|
6.2 WAMフォームを呼び出すWEBEVENTフォーム |
|
6.3 WEBEVENTフォームを管理するWAMコンテナー・フォーム |
|
6.4 WAMフォームを管理するWEBEVENTコンテナー・フォーム |
|
6.5 WAMとWEBEVENTファンクション間の情報共有 |
|
6.5.1 共有データの一意の識別 |
|
6.5.2 データの共有 |
|
6.5.3 共有データのクリーンアップ |
|
6.5.4 Visual LANSAフレームワークと「仮想クリップボード」 |
|
7. テクノロジ・サービス |
|
7.1 テクノロジ・サービスの作成 |
|
7.2 TSMLドキュメントの構造 |
|
7.3 TSMLドキュメントの例 |
|
7.4 WebRoutineの TSP スタイル・シートと LANSA エディター |
|
7.4.1 ペイロード・ラッパーの XSL スタイルシート |
|
7.4.2 フィールドのドラッグ・アンド・ドロップの例 |
|
フィールドのドラッグ・アンド・ドロップ |
|
フィールドのTSML ノード |
|
フィールドのドラッグ・アンド・ドロップの出力 |
|
リストのドラッグ・アンド・ドロップ |
|
リストのTSML ノード |
|
リストのドラッグ・アンド・ドロップの出力 |
|
リスト・カラムのドラッグ・アンド・ドロップ |
|
リスト・カラムのTSML ノード |
|
リスト・カラムのドラッグ・アンド・ドロップの出力 |
|
7.5 テクノロジ・サービスのデフォルト・ウェブレット |
|
7.6 ウェブレットとウェブレット・テンプレート |
|
8. XHTMLテクノロジ・サービス用のウェブレット |
|
8.1 標準ウェブレット |
|
8.1.1 アンカー (std_anchor) |
|
クイック・スタート - アンカー |
|
プロパティ - アンカー |
|
name |
|
value |
|
currentrowhfield |
|
currentrownumval |
|
reentryfield |
|
reentryvalue |
|
hide_if |
|
formname |
|
url |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
show_in_new_window |
|
target_window_name |
|
pos_absolute_design |
|
width_design |
|
relative-image-path |
|
absolute-image-path |
|
class |
|
mouseover_class |
|
text_class |
|
presubmit_js |
|
tab_index |
|
vf_wamevent |
|
8.1.2 オートコンプリート (std_autocomplete) |
|
クイック・スタート - オートコンプリート |
|
プロパティ - オートコンプリート |
|
name |
|
value |
|
display_mode |
|
maxlength |
|
size |
|
display_length |
|
keyboard_shift |
|
minLength |
|
delay |
|
sourceWamName |
|
sourceWrName |
|
termField |
|
listName |
|
labelField |
|
valueField |
|
extraFields |
|
cache |
|
matchContains |
|
hide_if |
|
class |
|
tab_index |
|
title |
|
read_only |
|
disabled |
|
pos_absolute |
|
width |
|
height |
|
scroll |
|
scrollHeight |
|
onchange_script |
|
onselect_script |
|
8.1.3 アタッチメント・パネル (std_attachment_panel) |
|
クイック・スタート - アタッチメント・パネル |
|
プロパティ - アタッチメント・パネル |
|
name |
|
panes |
|
border |
|
hide_if |
|
pos_absolute |
|
width |
|
height |
|
8.1.4 バナー (std_banner) |
|
クイック・スタート- バナー |
|
プロパティ - バナー |
|
name |
|
value |
|
panes |
|
hide_if |
|
reentryfield |
|
reentryvalue |
|
formname |
|
disabled |
|
URL |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
show_in_new_window |
|
target_window_name |
|
pos_absolute |
|
width |
|
height |
|
class |
|
scroll |
|
scroll_direction |
|
scroll_loop_count |
|
scroll_amount |
|
scroll_delay |
|
scroll_true_speed |
|
presubmit_js |
|
8.1.5 プッシュ・ボタン (std_button_v2) および イメージ付きプッシュ・ボタン (std_image_button_v2) |
|
クリック・スタート - プッシュ・ボタンとイメージ付きプッシュ・ボタン |
|
プロパティ - プッシュ・ボタンとイメージ付きプッシュ・ボタン |
|
name |
|
caption |
|
currentrowhfield |
|
currentrownumval |
|
left_relative_image_path |
|
left_absolute_image_path |
|
left_image_height |
|
right_relative_image_path |
|
right_absolute_image_path |
|
right_image_height |
|
submitExtraFields |
|
hide_if |
|
formname |
|
pos_absolute_design |
|
width_design |
|
height_design |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
show_in_new_window |
|
target_window_name |
|
disabled |
|
title |
|
text_class |
|
presubmit_js |
|
confirm |
|
confirmText |
|
tab_index |
|
default_button |
|
vf_wamevent |
|
8.1.6 チェックボックス (std_checkbox) |
|
クイック・スタート - チェックボックス |
|
プロパティ - チェックボックス |
|
name |
|
value |
|
display_mode |
|
caption |
|
oncode |
|
offcode |
|
reentryfield |
|
reentryvalue |
|
hide_if |
|
formname |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
target_window_name |
|
disabled |
|
alignment |
|
pos_absolute |
|
class |
|
mouseover_class |
|
text_class |
|
tab_index |
|
vf_wamevent |
|
8.1.7 CKEditor リッチ・テキスト・エディター (std_ckeditor) |
|
クイック・スタート - CKEditor |
|
プロパティ – CKEditorリッチ・テキスト・エディター |
|
name |
|
value |
|
valueFromField |
|
hide_if |
|
toolbar |
|
showSource |
|
showElementsPath |
|
toolbarCanCollapse |
|
pos_absolute |
|
width_design |
|
height_design |
|
resize_enabled |
|
resize_dir |
|
autoGrow |
|
autoGrow_maxHeight |
|
autoGrow_minHeight |
|
resize_maxHeight |
|
resize_maxWidth |
|
resize_minHeight |
|
resize_minWidth |
|
contentCss |
|
tab_index |
|
uiColor |
|
onchange_script |
|
8.1.8 クリック可能イメージ (std_click_image) |
|
クイック・スタート - クリック可能イメージ |
|
プロパティ - クリック可能イメージ |
|
name |
|
value |
|
currentrowhfield |
|
currentrownumval |
|
reentryfield |
|
reentryvalue |
|
tooltip |
|
hide_if |
|
formname |
|
url |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
show_in_new_window |
|
target_window_name |
|
disabled |
|
hide_focus |
|
relative_image_path |
|
absolute_image_path |
|
mouseover_relative_image_path |
|
mouseover_absolute_image_path |
|
pos_absolute |
|
width_design |
|
height_design |
|
class |
|
disabled_class |
|
presubmit_js |
|
tab_index |
|
vf_wamevent |
|
8.1.9 コンボ・ボックス (std_dropdown) |
|
クイック・スタート - コンボ・ボックス |
|
プロパティ - コンボ・ボックス |
|
name |
|
value |
|
display_mode |
|
items |
|
listname |
|
selector_field |
|
selector_value_eq |
|
codefield |
|
captionfield |
|
tagfield1 |
|
tagfield2 |
|
tagfield3 |
|
submit_tagfields |
|
reentryfield |
|
reentryvalue |
|
hide_if |
|
formname |
|
pos_absolute |
|
width_design |
|
on_change_wamname |
|
on_change_wrname |
|
protocol |
|
target_window_name |
|
disabled |
|
class |
|
mouseover_class |
|
tab_index |
|
vf_wamevent |
|
8.1.10 動的選択ボックス (std_dynamic_select) |
|
クイック・スタート - 動的選択ボックス |
|
プロパティ - 動的選択ボックス |
|
name |
|
id |
|
value |
|
size |
|
display_mode |
|
hide_if |
|
items |
|
listname |
|
selectorField |
|
selectorValueField |
|
codeField |
|
captionField |
|
allowMultiSelect |
|
multiSelectListname |
|
multiSelectCodefield |
|
onChangeWamName |
|
onChangeWrName |
|
onChangeFormname |
|
onChangeExtraFields |
|
onChangeProtocol |
|
onChangeTarget |
|
position |
|
width |
|
disabled |
|
class |
|
tabIndex |
|
updateOnFieldChange |
|
updateWamName |
|
updateWrName |
|
updateFieldsToSubmit |
|
updateProtocol |
|
vf_wamevent |
|
8.1.11 Excelにエクスポート (std_toexcel) |
|
クイック・スタート - Excelにエクスポート |
|
プロパティ - Excelにエクスポート |
|
name |
|
listname |
|
startingColumnIndex |
|
numberOfColumns |
|
caption |
|
hide_if |
|
pos_absolute |
|
width_design |
|
height_design |
|
disabled |
|
title |
|
text_class |
|
tab_index |
|
8.1.12 グリッド (std_grid_v2 and std_grid_v3) |
|
クイック・スタート - グリッド |
|
プロパティ - グリッド |
|
name |
|
listname |
|
listname_fixed_col_field |
|
sort_fixed_rows_with_body |
|
grid_hdr_properties |
|
grid_col_properties |
|
show_header |
|
hide_header_if_empty |
|
hide_if |
|
even_row_class |
|
odd_row_class |
|
formname |
|
pos_absolute |
|
width |
|
height |
|
allowSort |
|
allowColResize |
|
rowHoverEffect |
|
selectableRow |
|
onRowClickJS |
|
グリッド・カラムをカスタマイズする |
|
ウェブレット・プロパティのカラム値を参照する |
|
グリッド・カラムの例 |
|
8.1.13 リスト・ページング・イメージ(std_list_images)とリスト・ページング・ボタン(std_list_buttons) |
|
クイック・スタート - リスト・ページング・イメージとリスト・ページング・ボタン |
|
プロパティ - リスト・ページングイメージとリスト・ページングボタン |
|
name |
|
image_size |
|
prevcondfield |
|
nextcondfield |
|
show_first_last |
|
reentryfield |
|
hide_if |
|
formname |
|
pos_absolute_design |
|
width_design |
|
height_design |
|
on_click_wamname |
|
on_page_wrname |
|
on_search_wrname |
|
protocol |
|
page_count_fieldname |
|
class |
|
mouseover_class |
|
tab_index |
|
vf_wamevents |
|
8.1.14 マークアップ (std_markup) |
|
クイック・スタート - マークアップ |
|
プロパティ - マークアップ |
|
name |
|
value |
|
valueFromField |
|
hide_if |
|
class |
|
title |
|
pos_absolute |
|
width |
|
height |
|
8.1.15 リスト使用のメモ (std_list_textarea) |
|
クイック・スタート - リスト使用のメモ |
|
プロパティ - リスト使用のメモ |
|
listname |
|
list_text_fieldname |
|
name |
|
hide_if |
|
formname |
|
pos_absolute |
|
width_design |
|
height_design |
|
rows |
|
cols |
|
word_wrap_display |
|
word_wrap_onsubmit |
|
max_rows_onsubmit |
|
class |
|
read_only |
|
disabled |
|
tab_index |
|
onchange_script |
|
8.1.16 大型リスト (std_largelist) |
|
クイック・スタート - 大型リスト |
|
プロパティ - 大型リスト |
|
name |
|
listname |
|
format_target |
|
iframe_width |
|
iframe_height |
|
column_css_class |
|
src_wamname |
|
src_wrname |
|
fields_names_to_exchange |
|
csv_hyperlink_type |
|
csv_hyperlink_relative_image_path |
|
csv_hyperlink_text |
|
show_busybox |
|
wait_content |
|
8.1.17 リスト・ボックス (std_listbox) |
|
クイック・スタート - リスト・ボックス |
|
プロパティ - リスト・ボックス |
|
name |
|
value |
|
display_mode |
|
items |
|
size |
|
allow_multi_selections |
|
multi_select_listname |
|
multi_select_codefield |
|
listname |
|
selector_field |
|
selector_value_eq |
|
codefield |
|
captionfield |
|
tagfield1, tagfield2, tagfield3 |
|
submit_tagfields |
|
reentryfield |
|
reentryvalue |
|
hide_if |
|
formname |
|
pos_absolute |
|
height_design |
|
width_design |
|
on_select_wamname |
|
on_select_wrname |
|
protocol |
|
target_window_name |
|
disabled |
|
class |
|
mouseover_class |
|
tab_index |
|
vf_wamevent |
|
リスト・ボックスの例 |
|
8.1.18 メニューバー(std_menubar) |
|
クイック・スタート - メニューバー |
|
メニュー・アイテム・デザイナの使用 |
|
リストを使用したメニュー定義 |
|
プロパティ - メニューバー |
|
id |
|
listname |
|
menu_items |
|
orientation |
|
show_arrows |
|
submit_selected_to |
|
8.1.19 メニュー・アイテム (std_menu_item_v2) |
|
クイック・スタート - メニュー・アイテム |
|
メニュー・アイテムの外観 |
|
レイアウトとサイズ |
|
プロパティ - メニュー・アイテム |
|
name |
|
caption |
|
href |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
is_selected_if_also |
|
force_selected |
|
hide_if |
|
target_window_name |
|
reentryfield |
|
reentryvalue |
|
formname |
|
style |
|
useJQueryUITheme |
|
class |
|
selected_class |
|
tab_index |
|
vf_wamevent |
|
8.1.20 ナビゲーション・パネル (std_nav_panel) |
|
クイック・スタート - ナビゲーション・パネル |
|
プロパティ - ナビゲーション・パネル |
|
name |
|
border |
|
border_width |
|
hide_if |
|
pos_absolute |
|
width |
|
height |
|
size_panel_to_content |
|
size_panel_to_content_axis |
|
scrolling |
|
class |
|
transparent |
|
nav_url |
|
formname |
|
nav_wamname |
|
nav_wrname |
|
protocol |
|
nav_asynchronously |
|
reentryfield |
|
reentryvalue |
|
wait_content |
|
wait_content_timeout |
|
wait_content_class |
|
wait_content_relative_image |
|
wait_content_absolute_image |
|
wait_content_image_alignment |
|
wait_content_image_class |
|
vf_wamevent |
|
8.1.21 パネル(std_panel) |
|
クイック・スタート - パネル |
|
プロパティ - パネル |
|
name |
|
panes |
|
border |
|
border_width |
|
hide_if |
|
class |
|
snap_to_grid |
|
grid_size |
|
pos_absolute |
|
width |
|
height |
|
8.1.22 ページ印刷 (std_printpage) |
|
クイック・スタート - ページ印刷 |
|
プロパティ - ページ印刷 |
|
caption |
|
hide_if |
|
disabled |
|
hide_focus |
|
relative_image_path |
|
absolute_image_path |
|
pos_absolute |
|
width_design |
|
height_design |
|
class |
|
disabled_class |
|
tab_index |
|
8.1.23 プロンプター (std_prompter) |
|
プロパティ - プロンプター |
|
name |
|
caption |
|
relative_image_path |
|
absolute_image_path |
|
image_height |
|
image_width |
|
border |
|
border_width |
|
hide_if |
|
pos_absolute |
|
button_width |
|
button_height |
|
prompter_width |
|
prompter_height |
|
auto_resize |
|
button_class |
|
prompter_class |
|
button_mouseover_class |
|
formname |
|
prompter_url |
|
prompter_wamname |
|
prompter_wrname |
|
protocol |
|
field_name_to_exchange |
|
closing_url |
|
field_mapping |
|
closing_wrname |
|
reentryfield |
|
reentryvalue |
|
disabled |
|
title |
|
on_change_wamname |
|
on_change_wrname |
|
on_change_protocol |
|
on_change_reentryfield |
|
on_change_reentryvalue |
|
on_change_target_window_name |
|
pre_show_js |
|
tab_index |
|
vf_wamevent |
|
8.1.24 ラジオ・ボタン (std_rad_button) |
|
クイック・スタート - ラジオ・ボタン |
|
プロパティ - ラジオ・ボタン |
|
name |
|
value |
|
caption |
|
code |
|
label_id |
|
reentryfield |
|
reentryvalue |
|
hide_if |
|
formname |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
target_window_name |
|
alignment |
|
disabled |
|
pos_absolute |
|
class |
|
mouseover_class |
|
text_class |
|
tab_index |
|
vf_wamevent |
|
8.1.25 ラジオ・グループ (std_radbuttons) |
|
クイック・スタート - ラジオ・グループ |
|
プロパティ - ラジオ・グループ |
|
name |
|
value |
|
display_mode |
|
items |
|
listname |
|
selector_field |
|
selector_value_eq |
|
codefield |
|
captionfield |
|
reentryfield |
|
reentryvalue |
|
hide_if |
|
formname |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
target_window_name |
|
alignment |
|
orientation |
|
show_groupbox |
|
group_title |
|
disabled |
|
pos_absolute |
|
width |
|
height |
|
class |
|
mouseover_class |
|
text_class |
|
groupbox_class |
|
tab_index |
|
vf_wamevent |
|
8.1.26 水平スプリッター (std_splitter_horz) |
|
クイック・スタート - 水平スプリッター |
|
プロパティ - 水平スプリッター |
|
name |
|
panes |
|
pos_absolute |
|
width |
|
height |
|
top_proportion_percent |
|
top_border |
|
bottom_border |
|
top_class |
|
divider_class |
|
bottom_class |
|
top_style |
|
bottom_style |
|
8.1.27 垂直スプリッター (std_splitter_vert) |
|
クイック・スタート - 垂直スプリッター |
|
プロパティ - 垂直スプリッター |
|
name |
|
panes |
|
pos_absolute |
|
width |
|
height |
|
left_proportion_percent |
|
left_border |
|
right_border |
|
left_class |
|
divider_class |
|
right_class |
|
left_style |
|
right_style |
|
8.1.28 タブ・ページ (std_tab_pages_v2) |
|
クイック・スタート - タブ・ページ |
|
タブ・アイテム・デザイナの使用 |
|
タブ・ページ・ウェブレットでCSSを使用 |
|
省略値CSSの機能 |
|
独自のCSSスタイルを追加 |
|
プロパティ - タブ・ページ |
|
name |
|
tabs |
|
selected_tab_index |
|
selected_tab_index_field |
|
tab_alignment |
|
tab_image |
|
tab_selected_image |
|
tab_image_height |
|
tab_image_width |
|
tab_image_alignment |
|
listname |
|
caption_field |
|
image_field |
|
selected_image_field |
|
hide_if_true_field |
|
disable_if_true_field |
|
hide_if |
|
formname |
|
pos_absolute_design |
|
content_width |
|
content_height |
|
8.1.29 ツリー・ビュー (std_treeview) |
|
クイック・スタート - ツリー・ビュー |
|
非階層リスト |
|
非階層リストでAjaxを使用 |
|
階層リスト |
|
アイテム選択時の反応 |
|
プロパティ - ツリー・ビュー |
|
name |
|
listname |
|
listtype |
|
use_jQueryUI_theme |
|
jQueryUI_node_icon |
|
folder_closed_image |
|
folder_open_image |
|
item_image |
|
node_text_click |
|
key_fields |
|
display_fields |
|
list_caption_field |
|
list_image_field |
|
list_open_image_field |
|
list_id_field |
|
list_onselect_wamname_field |
|
list_onselect_wrname_field |
|
list_haschildren_field |
|
list_is_selected_field |
|
list_is_expanded_field |
|
list_parent_id_field |
|
onselect_wamname |
|
onselect_wrname |
|
onexpand_wamname |
|
onexpand_wrname |
|
onsubmit_id_field |
|
onsubmit_level_field |
|
onsubmit_ancestor_list |
|
target_window_name |
|
pos_absolute |
|
width |
|
height |
|
8.1.30 フィールド使用のメモ (std_textarea) |
|
クイック・スタート - フィールド使用のメモ |
|
プロパティ - フィールド使用のメモ |
|
name |
|
value |
|
maxlength |
|
keyboard_shift |
|
hide_if |
|
pos_absolute |
|
width_design |
|
height_design |
|
rows |
|
cols |
|
word_wrap |
|
class |
|
read_only |
|
disabled |
|
tab_index |
|
onchange_script |
|
8.2 グラフ作成ウェブレット |
|
8.2.1 グラフの共通トピック |
|
グラフ・データ |
|
例 |
|
リスト行と列の入れ替え |
|
グラフの色 |
|
グラフのタイトル、ラベルおよび凡例 |
|
グラフの余白 |
|
8.2.2 Google棒グラフ (std_gbar_chart) |
|
クイック・スタート - Google棒グラフ |
|
プロパティ - Google棒グラフ |
|
name |
|
chartType |
|
listName |
|
transpose |
|
labels |
|
labelsColor |
|
labelsFontSize |
|
rangeLabels |
|
rangeLabelsColor |
|
rangeLabelsFontSize |
|
barWidth |
|
spaceBetweenBars |
|
spaceBetweenGroups |
|
seriesColor |
|
bgColor |
|
hide_if |
|
pos_absolute |
|
width |
|
height |
|
titleText |
|
titleColor |
|
titleFontSize |
|
axesColor |
|
margins |
|
legendText |
|
legendPos |
|
legendOrder |
|
legendColor |
|
legendFontSize |
|
legendMargins |
|
8.2.3 Google折れ線グラフ (std_gline_chart) |
|
クイック・スタート - Google折れ線グラフ |
|
プロパティ - Google折れ線グラフ |
|
name |
|
chartType |
|
listName |
|
transpose |
|
labels |
|
labelsColor |
|
labelsFontSize |
|
rangeLabels |
|
rangeLabelsColor |
|
rangeLabelsFontSize |
|
seriesColor |
|
bgColor |
|
lineThickness |
|
markerType |
|
markerColor |
|
hide_if |
|
pos_absolute |
|
width |
|
height |
|
titleText |
|
titleColor |
|
titleFontSize |
|
axesColor |
|
margins |
|
legendText |
|
legendPos |
|
legendOrder |
|
legendColor |
|
legendFontSize |
|
legendMargins |
|
8.2.4 Google円グラフ (std_gpie_chart) |
|
クイック・スタート - Google円グラフ |
|
プロパティ - Google円グラフ |
|
name |
|
chartType |
|
listName |
|
transpose |
|
labels |
|
labelsColor |
|
labelsFontSize |
|
rotation |
|
seriesColor |
|
bgColor |
|
hide_if |
|
pos_absolute |
|
width |
|
height |
|
titleText |
|
titleColor |
|
titleFontSize |
|
margins |
|
legendText |
|
legendPos |
|
legendOrder |
|
legendColor |
|
legendFontSize |
|
legendMargins |
|
8.3 標準フィールド・ビジュアライゼーション |
|
8.3.1 英数字 (std_char) |
|
クイック・スタート - 英数字 |
|
プロパティ - 英数字 |
|
name |
|
value |
|
display_mode |
|
maxlength |
|
display_length |
|
type |
|
keyboard_shift |
|
hide_if |
|
class |
|
tab_index |
|
title |
|
word_wrap |
|
read_only |
|
disabled |
|
pos_absolute |
|
width |
|
height |
|
8.3.2 ブール値 (std_boolean) |
|
クイック・スタート - ブール値 |
|
プロパティ - ブール値 |
|
name |
|
value |
|
display_mode |
|
hide_if |
|
pos_absolute |
|
class |
|
mouseover_class |
|
tab_index |
|
8.3.3 jQuery UI 日付ピッカー (std_datepicker) |
|
クイック・スタート - 日付ピッカー |
|
プロパティ - 日付ピッカー |
|
name |
|
value |
|
display_mode |
|
hide_if |
|
allow_sqlnull |
|
dateFormat |
|
firstDay |
|
changeMonth |
|
changeYear |
|
yearRange |
|
showOtherMonths |
|
selectOtherMonths |
|
minDate |
|
maxDate |
|
shortYearCuttoff |
|
showInline |
|
showOn |
|
showMonthAfterYear |
|
buttonImage |
|
tab_index |
|
title |
|
buttonText |
|
disabled |
|
pos_absolute |
|
width |
|
autoSize |
|
showAnim |
|
duration |
|
onchange_script |
|
8.3.4 jQuery UI 日時ピッカー (std_datetimepicker) |
|
クイック・スタート - 日時ピッカー |
|
プロパティ - 日時ピッカー |
|
name |
|
value |
|
display_mode |
|
hide_if |
|
display_in_utc |
|
allow_sqlnull |
|
dateFormat |
|
timeFormat |
|
firstDay |
|
changeMonth |
|
changeYear |
|
yearRange |
|
showOtherMonths |
|
selectOtherMonths |
|
minDate |
|
maxDate |
|
stepHour |
|
stepMinute |
|
stepSecond |
|
shortYearCuttoff |
|
hourMin |
|
hourMax |
|
minuteMin |
|
minuteMax |
|
showOn |
|
showMonthAfterYear |
|
buttonImage |
|
tab_index |
|
title |
|
buttonText |
|
disabled |
|
pos_absolute |
|
width |
|
autoSize |
|
showAnim |
|
duration |
|
onchange_script |
|
8.3.5 浮動小数 (std_float) |
|
クイック・スタート - 浮動小数 |
|
プロパティ - 浮動小数 |
|
name |
|
value |
|
display_mode |
|
maxlength |
|
size |
|
type |
|
hide_if |
|
class |
|
tab_index |
|
title |
|
read_only |
|
disabled |
|
pos_absolute |
|
width |
|
height |
|
8.3.6 入力ボックス (std_input) |
|
クイック・スタート - 入力ボックス |
|
プロパティ - 入力ボックス |
|
name |
|
value |
|
display_mode |
|
maxlength |
|
size |
|
display_length |
|
type |
|
keyboard_shift |
|
hide_if |
|
class |
|
tab_index |
|
title |
|
read_only |
|
disabled |
|
pos_absolute |
|
width |
|
height |
|
onchange_script |
|
8.3.7 整数 (std_integer) |
|
クイック・スタート - 整数 |
|
プロパティ - 整数 |
|
name |
|
value |
|
display_mode |
|
maxlength |
|
size |
|
type |
|
hide_if |
|
class |
|
tab_index |
|
title |
|
read_only |
|
disabled |
|
pos_absolute |
|
width |
|
height |
|
8.3.8 オブジェクト (std_lob) |
|
クイック・スタート - オブジェクト |
|
プロパティ - オブジェクト |
|
name |
|
value |
|
currentrowhfield |
|
currentrownumval |
|
reentryfield |
|
reentryvalue |
|
hide_if |
|
formname |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
show_in_new_window |
|
target_window_name |
|
pos_absolute_design |
|
width_design |
|
relative-image-path |
|
absolute-image-path |
|
class |
|
mouseover_class |
|
text_class |
|
presubmit_js |
|
tab_index |
|
vf_wamevent |
|
8.3.9 jQuery UI 時間ピッカー (std_timepicker) |
|
クイック・スタート - 時間ピッカー |
|
プロパティ - 時間ピッカー |
|
name |
|
value |
|
display_mode |
|
hide_if |
|
allow_sqlnull |
|
timeFormat |
|
hourMin |
|
hourMax |
|
minuteMin |
|
minuteMax |
|
stepHour |
|
stepMinute |
|
stepSecond |
|
tab_index |
|
title |
|
showOn |
|
buttonImage |
|
buttonText |
|
read_only |
|
disabled |
|
pos_absolute |
|
width |
|
autoSize |
|
showAnim |
|
duration |
|
onchange_script |
|
8.3.10 Varchar (std_varchar) |
|
クイック・スタート - Varchar |
|
プロパティ - Varchar |
|
name |
|
value |
|
display_mode |
|
maxlength |
|
display_length |
|
type |
|
keyboard_shift |
|
hide_if |
|
class |
|
tab_index |
|
title |
|
word_wrap |
|
read_only |
|
disabled |
|
pos_absolute |
|
width |
|
height |
|
8.4 レイアウト・ウェブレット |
|
8.4.1 クイック・スタート - 標準レイアウト |
|
8.4.2 標準テーマ・レイアウト (std_themelet1_[1-3]col) |
|
プロパティ - 標準テーマ・レイアウト (std_themelet1_[1-3]col) |
|
Backcompat_theme |
|
content_side |
|
content_width |
|
css_files |
|
has_form |
|
output_charset |
|
show_title |
|
onload_script |
|
title_text |
|
javascript_files |
|
width |
|
width_type |
|
sidebar_width |
|
sidebar1_width |
|
sidebar2_width |
|
jQueryNoConflict |
|
window_title |
|
8.4.3 標準ブランク・レイアウト (std_blank_layout) |
|
8.4.4 標準基本レイアウト (std_layout_V2 and std_layout[1-5]_v2) |
|
プロパティ - 標準レイアウト (std_layout_V2 および std_layout[1-5]_v2) |
|
show_left_menu |
|
show_top_menu |
|
show_right_menu |
|
body_class |
|
form_class |
|
has_form |
|
no_layout |
|
show_title |
|
title_text |
|
show_messages |
|
onload_script |
|
onunload_script |
|
javascript_files |
|
theme_css_filename |
|
css_files |
|
output_charset |
|
trap_script_errors |
|
8.4.5 ユーティリティ・ウェブレット |
|
8.4.6 インライン・テンプレート |
|
8.4.7 jQuery UI |
|
8.4.8 WAMレイアウト |
|
9. jQMobileテクノロジ・サービス用のウェブレット |
|
9.1 jQMobile および WAM エディター |
|
9.2 フィールドの検証 |
|
9.2.1 RDMLX データ・タイプ |
|
9.2.2 検証エラーの表示 |
|
9.2.3 検証が発生した場合の制御 |
|
9.3 省略値のウェブレット |
|
9.4 標準ウェブレット |
|
9.4.1 アンカー(std_anchor) |
|
プロパティ - アンカー(std_anchor) |
|
id |
|
value |
|
class |
|
corners |
|
displayAs |
|
hideIf |
|
icon |
|
iconPosition |
|
iconShadow |
|
inline |
|
mini |
|
onClickExtraFields |
|
onClickWamName |
|
onClickWrName |
|
relationship |
|
shadow |
|
style |
|
swatch |
|
tabindex |
|
transition |
|
transitionDirection |
|
url |
|
useAjax |
|
internal_id |
|
9.4.2 ブール値 (std_boolean) |
|
プロパティ - ブール値 (std_boolean) |
|
id |
|
name |
|
value |
|
autofocus |
|
class |
|
disabled |
|
displayMode |
|
falseDisplay |
|
falseValue |
|
fieldContainWrapper |
|
form |
|
hideIf |
|
hideLabel |
|
label |
|
mini |
|
rdmlxDataType |
|
style |
|
swatch |
|
tabindex |
|
title |
|
trueDisplay |
|
trueValue |
|
9.4.3 プッシュ ボタン (std_button_v2) |
|
プロパティ - プッシュ ボタン (std_button_v2) |
|
id |
|
name |
|
value |
|
autofocus |
|
caption |
|
class |
|
corners |
|
disabled |
|
form |
|
formaction |
|
formenctype |
|
formmethod |
|
formnovalidate |
|
formtarget |
|
hideIf |
|
icon |
|
iconPosition |
|
iconShadow |
|
inline |
|
mini |
|
onClickExtraFields |
|
onClickWamName |
|
onClickWrName |
|
relationship |
|
shadow |
|
style |
|
swatch |
|
tabindex |
|
title |
|
transition |
|
transitionDirection |
|
type |
|
useAjax |
|
internal_id |
|
9.4.4 チェックボックス (std_checkbox) |
|
プロパティ - チェックボックス (std_checkbox) |
|
id |
|
name |
|
value |
|
autofocus |
|
disabled |
|
form |
|
hideIf |
|
label |
|
mini |
|
rdmlxDataType |
|
required |
|
selectedValue |
|
swatch |
|
tabindex |
|
title |
|
9.4.5 折りたたみ可能ブロック(std_collapsible) |
|
プロパティ - 折りたたみ可能ブロック (std_collapsible) |
|
id |
|
collapsed |
|
contentSwatch |
|
headerLevel |
|
headerSwatch |
|
headerText |
|
hideIf |
|
inset |
|
internal_id |
|
9.4.6 折りたたみ可能セット(std_collapsibleset) |
|
プロパティ - 折りたたみ可能セット(std_collapsibleset) |
|
id |
|
contentSwatch |
|
headerSwatch |
|
hideIf |
|
internal_id |
|
9.4.7 コントロール・グループ (std_controlgroup) |
|
プロパティ - コントロール・グループ (std_controlgroup) |
|
id |
|
class |
|
fieldContainWrapper |
|
hideIf |
|
hideLabel |
|
label |
|
mini |
|
orientation |
|
style |
|
swatch |
|
internal_id |
|
9.4.8 コンボボックス選択メニュー (std_dropdown) |
|
プロパティ - コンボボックス選択メニュー (std_dropdown) |
|
name |
|
id |
|
value |
|
addErrorDiv |
|
autofocus |
|
class |
|
corners |
|
disabled |
|
displayMode |
|
fieldContainWrapper |
|
form |
|
hideIf |
|
hideLabel |
|
icon |
|
iconPosition |
|
iconShadow |
|
items |
|
inline |
|
label |
|
mini |
|
multiple |
|
multiSelectCodeField |
|
multiSelectListname |
|
overlaySwatch |
|
placeholder |
|
rdmlxDataType |
|
required |
|
selectorValueField |
|
shadow |
|
style |
|
swatch |
|
tabindex |
|
title |
|
updateFieldsToSubmit |
|
updateOnFieldChange |
|
updateProtocol |
|
updateWamName |
|
updateWrName |
|
useNativeControl |
|
9.4.9 フッター バー (std_footer) |
|
プロパティ - フッター バー (std_footer) |
|
id |
|
fullscreenMode |
|
hideIf |
|
persistentFooterId |
|
position |
|
swatch |
|
internal_id |
|
9.4.10 レイアウト・グリッド(std_gridlayout) |
|
プロパティ - レイアウト・グリッド (std_gridlayout) |
|
columns |
|
isOutputOnly |
|
listname |
|
internal_id |
|
9.4.11 ヘッダー バー (std_header) |
|
プロパティ - ヘッダー バー (std_header) |
|
id |
|
fullscreenMode |
|
hideIf |
|
position |
|
swatch |
|
internal_id |
|
9.4.12 HTMLリスト(std_html_list) |
|
プロパティ - HTMLリスト (std_html_list) |
|
id |
|
class |
|
countSwatch |
|
dividerSwatch |
|
hasSearchFilter |
|
hideIf |
|
inset |
|
searchFilterPlaceholder |
|
searchFilterSwatch |
|
splitIcon |
|
splitSwatch |
|
swatch |
|
type |
|
internal_id |
|
9.4.13 HTMLリスト項目 (std_html_li) |
|
プロパティ - HTMLリスト項目 (std_html_list) |
|
id |
|
class |
|
filterText |
|
hideIf |
|
role |
|
swatch |
|
internal_id |
|
9.4.14 入力ボックス (std_input) |
|
プロパティ - 入力ボックス (std_input) |
|
id |
|
name |
|
value |
|
accept |
|
addErrorDiv |
|
alt |
|
autocomplete |
|
autofocus |
|
checked |
|
class |
|
disabled |
|
displayMode |
|
fieldContainWrapper |
|
form |
|
formaction |
|
formenctype |
|
formmethod |
|
formnovalidate |
|
formtarget |
|
height |
|
hideIf |
|
hideLabel |
|
label |
|
list |
|
max |
|
maxlength |
|
min |
|
mini |
|
multiple |
|
pattern |
|
placeholder |
|
rdmlxDataType |
|
readonly |
|
required |
|
size |
|
src |
|
step |
|
style |
|
swatch |
|
tabindex |
|
title |
|
type |
|
width |
|
9.4.15 メッセージ (std_messages) |
|
プロパティ- Messages (std_messages) |
|
hideIf |
|
swatch |
|
9.4.16 Mobiscroll 日付/時間ピッカー (std_mobiscroll) |
|
プロパティ - Mobiscroll 日付/時間ピッカー (std_mobiscroll) |
|
id |
|
name |
|
value |
|
class |
|
dateFormat |
|
dateOrder |
|
disabled |
|
endYear |
|
fieldContainWrapper |
|
form |
|
hideIf |
|
hideLabel |
|
label |
|
mode |
|
pickerTheme |
|
rows |
|
showOnFocus |
|
startYear |
|
stepHour |
|
stepMinute |
|
stepSecond |
|
style |
|
swatch |
|
tabindex |
|
timeFormat |
|
title |
|
timeWheels |
|
type |
|
9.4.17 ナビゲーションバー (std_navbar) |
|
プロパティ - ナビゲーションバー (std_navbar) |
|
id |
|
class |
|
hideIf |
|
iconPosition |
|
swatch |
|
internal_id |
|
9.4.18 ラジオ・ボタン・グループ (std_radbuttons) |
|
プロパティ - ラジオ・ボタン・グループ (std_radbuttons) |
|
id |
|
name |
|
value |
|
disabled |
|
displayMode |
|
fieldContainWrapper |
|
form |
|
hideIf |
|
hideLabel |
|
items |
|
label |
|
mini |
|
orientation |
|
rdmlxDataType |
|
selectorValueEq |
|
9.4.19 RDMLX作業リスト (std_repeater) |
|
プロパティ - RDMLX作業リスト (std_repeater) |
|
isOutputOnly |
|
listname |
|
internal_id |
|
9.4.20 HTML テキストエリア (std_textarea) |
|
プロパティ - HTML テキストエリア (std_textarea) |
|
id |
|
name |
|
value |
|
addErrorDiv |
|
autofocus |
|
class |
|
cols |
|
disabled |
|
displayMode |
|
fieldContainWrapper |
|
form |
|
hideIf |
|
hideLabel |
|
label |
|
maxlength |
|
mini |
|
placeholder |
|
rdmlxDataType |
|
readonly |
|
required |
|
rows |
|
style |
|
swatch |
|
tabindex |
|
title |
|
wrap |
|
9.5 レイアウト・ウェブレット |
|
9.5.1 標準基本WAMレイアウト (std_layout_v2) |
|
プロパティ - 標準基本WAMレイアウト (std_layout_v2) |
|
addBackButton |
|
backButtonSwatch |
|
backButtonText |
|
contentSwatch |
|
footerFullscreenMode |
|
footerPosition |
|
footerSwatch |
|
headerFullscreenMode |
|
headerPosition |
|
headerSwatch |
|
pageSwatch |
|
persistentFooterId |
|
showFooter |
|
showHeader |
|
showMessages |
|
validationErrorDisplay |
|
validationTime |
|
windowTitle |
|
9.5.2 フレキシブル レイアウト(std_flex_layout) |
|
プロパティ - フレキシブル レイアウト(std_flex_layout) |
|
addBackButton |
|
backButtonSwatch |
|
backButtonText |
|
contentSwatch |
|
footerFullscreenMode |
|
footerPosition |
|
footerSwatch |
|
headerFullscreenMode |
|
headerPosition |
|
headerSwatch |
|
pageSwatch |
|
persistentFooterId |
|
showFooter |
|
showHeader |
|
showMessages |
|
sidebarPositionSmallScreen |
|
validationErrorDisplay |
|
validationTime |
|
windowTitle |
|
9.6 ユーティリティ・ウェブレット |
|
WAM チュートリアル (英語) |
|
What is a WAM? |
|
WAM005 - Create Your First WAM |
|
Step 1. Start Visual LANSA |
|
Step 2. Create a WAM |
|
Step 3. Create the ReentryTest WebRoutine |
|
Step 4. Compile the WAM |
|
Step 5. Open the Design view |
|
Step 6. Editing |
|
Step 7. Use a Weblet |
|
Step 8. Make STDRENTRY visible for testing |
|
Step 9. Test the WAM |
|
Step 10. Hide STDRENTRY |
|
Summary |
|
WAM010 - Using WEB_MAPs |
|
Step 1. Create a new WAM |
|
Step 2. Add WebRoutines to the new WAM |
|
Step 3. Compile the WAM and Open for Editing |
|
Step 4. Add buttons to the WebRoutine |
|
Step 5. Understand the Web Routine |
|
Step 6. Change the Employee Number field |
|
Step 7. Add the RDMLX for the second WebRoutine |
|
Step 8. Add buttons to the WebRoutines |
|
Step 9. Understand WEB_MAP |
|
Summary |
|
WAM015 - Working Lists |
|
Step 1. Create a new WAM |
|
Step 2. Add RDMLX code to the new WAM |
|
Step 3. See how the working list is displayed |
|
Step 4. Change the display mode of fields in the list |
|
Step 5. Use the generate XSL for all WebRoutines option |
|
Step 6. Modify the list in the Design view |
|
Summary |
|
WAM020 - WAM Navigation |
|
Step 1. Create a new WAM |
|
Step 2. Add RDMLX code to the new WAM |
|
Step 3. Add Buttons and the Dropdown list to the WebRoutine |
|
Step 4. Test and Understand the WebRoutine |
|
Step 5. Add Weblet to a List |
|
Summary |
|
WAM025 - Using the Layout Wizard |
|
Step 1. Use the Web Application Layout Manager Wizard. |
|
Step 2. Execute the generated Demo WAM |
|
Step 3. Examine the new layout |
|
Summary |
|
WAM030 - Employee Enquiry |
|
Step 1. Create Employee Enquiry WAM |
|
Step 2. Create a Begin WebRoutine |
|
Step 3. Open the Design View |
|
Step 4. Add a Push Button Weblet |
|
Step 5. Create 'Details' WebRoutine |
|
Summary |
|
WAM035 - An Employee Update WAM |
|
Step 1. Create WAM iiiEmpUpdate – Employee Update |
|
Step 2. Compile your WAM and complete the Details web page |
|
Step 3. Test the Employee Update WAM |
|
Summary |
|
WAM040 - Add dropdown lists for Department and Section |
|
Step 1. Create iiiWAM040 - iii Employee Update - Enhanced |
|
Step 2. Add Dynamic Select Boxes to the Details Web Page |
|
Step 3. Make the Sections Dropdown list dynamic |
|
Summary |
|
WAM045 - A Dynamic Selector Dropdown list using a Select Field |
|
Step 1. Create WAM iiiDynamSelector – Dynamic Selector using Select Field |
|
Step 2. Setup the Dynamic Selector Dropdown list for Sections |
|
Summary |
|
WAM050 - A Section Maintenance Application |
|
Step 1. Create iiiSecMaint - Section Maintenance WAM |
|
Step 2. Add a Details WebRoutine |
|
Step 3. Create iiiSecAdd - Add Section WAM |
|
Step 4. Complete the AddSect WebRoutine |
|
Step 5. Set up the 'New Section' button on the Begin page for ii SecMainti |
|
Summary |
|
WAM055 - Using LANSA Debug |
|
Step 1. Get Started with Debug |
|
Step 2. Use Breakpoints |
|
Step 3. Use Break on Value Condition |
|
Step 4. Use Debug when the WAM is running on the server |
|
Summary |
|
WAM060 - Employee Maintenance using Advanced Weblets |
|
Step 1. Create WAM iiiEmpMaint – Employee Maintenance |
|
Step 2. Set up the ShowPage web page design |
|
Step 3. Complete the ShowPage web page design |
|
Step 4. Define the Details WebRoutine |
|
Step 5. Extend the Details WebRoutine for update |
|
Step 6. Extend the Details WebRoutine to add new employee skill |
|
Step 7. Control which Tab is redisplayed |
|
Step 8. Replace Date Acquired with a Date field (Optional). |
|
Step 9. Change Grade to a Dropdown list (Optional) |
|
Summary |
|
WAM065 - Controlling List Output |
|
Step 1. Create WAM iiiEmpSearch – Employee Search |
|
Step 2. Add List Paging Images weblet |
|
Step 3. Add AutoComplete Weblets (optional) |
|
Summary |
|
WAM070 - Hiding Techniques |
|
Step 1. Create a new WAM |
|
Step 2. Edit the HideMain WebRoutine web page |
|
Step 3. Apply the Conditional Hides |
|
Step 4. Test the WAM |
|
Summary |
|
WAM 070. Appendix |
|
WAM075 - Using a Tree View Weblet |
|
Step 1. Create WAM iiiTreeView – Using a Tree View Weblet |
|
Step 2. Make the Tree View Expand |
|
Step 3. Display Details for a Selected Department |
|
Step 4. Display Details for Sections and Employees |
|
Summary |
|
WAM080 - Session Management |
|
Step 1. Create Session Management 1 WAM |
|
Step 2. Retrieve and Store Employee Details |
|
Step 3. Create Session Management 2 WAM |
|
Step 4. Test the Session Management Application |
|
Summary |
|
WAM085 - Enhancing the User Interface |
|
Step 1. Create Repository Field Definitions |
|
Step 2. Create Employee Number AutoComplete WAM |
|
Step 3. Create WAM iiiEnhancedUI – Enhancing the Interface |
|
Step 4. Define Work Fields and Lists |
|
Step 5. Complete WAM RDMLX |
|
Step 6. Design the web pages |
|
Step 7. Test the WAM |
|
Step 8. Improve the ShowPage Page Design |
|
Step 9. Insert a fieldset around each table |
|
Summary |
|
WAM090 - Using a List Row Weblet |
|
Step 1. Create the List Row Weblet – iii_ListRow |
|
Step 2. Create WAM iii UseListRowWeblet |
|
Step 3. Set Up the Web Page |
|
Summary |
|
WAM090. Appendix |
|
WAM095 - LOB Data Types and Stream Files |
|
Step 1. Install Required Documents |
|
Step 2. Set up Documents for an Employee |
|
Step 3. Create WAM to Display Employee Documents |
|
Step 3a. Create WAM to Display Employee Documents |
|
Step 4. Enhance Appearance of the Documents List (Optional) |
|
Step 5. Set up the Documents List |
|
Step 5a. Set up the Documents List |
|
Step 6. Test your Enhanced WAM |
|
Summary |
|
WAM095. Appendix A |
|
WAM095. Appendix B |
|
WAM095. Appendix C |
|
WAM100 - Using Cascading Style Sheets |
|
Step 1. Create WAM iii Using CSS |
|
Step 2. Create new Style Sheet |
|
Step 3. Create an External Resource |
|
Step 4. Apply Style Sheet to WAM iiiUsingCSS |
|
Step 5. Apply External Resource to the Common Layout |
|
Step 6. Make the Style Sheet specific to lists named EMPLIST |
|
Step 7. Highlight a Column |
|
Summary |
|
WAM100. Appendix |
|
WAM105 - Create Your Own Weblet |
|
Step 1. Create Toolbar Menu Item Weblet |
|
Step 2. Create Toolbar Weblet |
|
Step 3. Complete Definition of Toolbar Menu Item Weblet |
|
Step 4. Setup iii_toolbar_menuitem Properties in iii_toolbar |
|
Step 5. Apply Toolbar Weblet to an Employee Maintenance WAM |
|
Summary |
|
WAM 105. Appendix |
|
WAM110 - Create Your Own Layout Weblet |
|
Step 1. Create a Simple Company Test Layout |
|
Step 2. Create a Layout Template |
|
Step 3. Refine Layout Weblet Definition |
|
Step 4. Test the New Layout |
|
Step 5. Review Structure of Layout XSL and HTML |
|
Summary |
|
WAM115 - Check in WAMs to IBM i |
|
Step 1. Check in a WAM and its Layout |
|
Step 2. Run a WAM on the IBM ii |
|
Step 3. Run a WAM in debug on the IBM i |
|
Summary |
|
WAM120 - Using the Menu Bar Weblet |
|
Step 1. Define the Applications Menu |
|
Step 2. Test the Applications Menu |
|
Summary |
|
WAM125 - Define a Dynamic Menu |
|
Step 1. Create the Login WAM |
|
Step 2. Redefine the Menubar in Layout iiilay01 |
|
Step 3. Test your Login WAM |
|
Step 4. Make Application WAMs part of Session |
|
Step 5. Test the Applications Menu |
|
Step 6. Implement Menu for all Employee WAMs (Optional) |
|
Summary |
|
WAM130 - Output a Web Page to a File |
|
Step 1. Output Employee Enquiry to a File |
|
Step 2. Run WAM to output to a file in Windows |
|
Step 3. Run WAM to output a file on IBM i |
|
Summary |
|
WAM135 - Using the Google Static Maps API |
|
Step 1. Create an Employee Enquiry WAM |
|
Step 2. Add logic to set up URL to Google Map Service |
|
Summary |
|
付録A. XSLとXMLの準拠 |
|
付録B. WAM XML構造 |
|
付録C. 廃止されたウェブレット (英語) |
|
Attachment panel (std_attachment_panel) |
|
QuickStart- Attachment panel |
|
Properties - Attachment panel |
|
name |
|
panes |
|
border |
|
border_width |
|
hide_if |
|
class_top, class_left, class_center, class_right, class_bottom |
|
pos_absolute |
|
width |
|
height |
|
Dynamic HTML menu bar (std_dhtml_menu) |
|
QuickStart - Dynamic HTML menu bar |
|
Using the menu item designer |
|
Understanding menu bar and menu item width and height |
|
Properties - Dynamic HTML menu bar |
|
menu_items |
|
orientation |
|
height |
|
width |
|
Push Button (std_button) & Push Button with Images (std_image_button) |
|
QuickStart- Push Button & Push Button with Images |
|
Properties - Push Button & Push Button with Images |
|
name |
|
caption |
|
currentrowhfield |
|
currentrownumval |
|
left_relative_image_path |
|
left_absolute_image_path |
|
left_image_height |
|
right_relative_image_path |
|
right_absolute_image_path |
|
right_image_height |
|
reentryfield |
|
reentryvalue |
|
hide_if |
|
formname |
|
pos_absolute_design |
|
width_design |
|
height_design |
|
on_click_wamname |
|
on_click_wrname |
|
protocol |
|
show_in_new_window |
|
target_window_name |
|
disabled |
|
text_class |
|
title |
|
class |
|
mouseover_class |
|
left_image_class |
|
right_image_class |
|
presubmit_js |
|
tab_index |
|
default_button |
|
Tree View (std_treeview) |
|
QuickStart - Tree View |
|
Properties - Tree View |
|
name |
|
formname |
|
xmlid |
|
xmltyped |
|
folder_closed_image |
|
folder_open_image |
|
item_image |
|
listname |
|
list_caption_field |
|
list_type_field |
|
list_image_field |
|
list_open_image_field |
|
list_tag_field |
|
list_onselect_wrname_field |
|
list_haschildren_field |
|
list_subitem_group_field |
|
list_is_selected_field |
|
list_is_expanded_field |
|
list_parent_id_field |
|
list_style_field |
|
list_selected_style_field |
|
onexpand_wamname |
|
onexpand_wrname |
|
listname_of_parents_of_selected |
|
pos_absolute_design |
|
width_design |
|
height_design |
|
class |
|
bg_color |
|
default_style |
|
selected_style |
|
An In-Depth Look at the Tree View Weblet |
|
Tree View Target (std_treeview_target) |
|
QuickStart - Tree View Target |
|
Properties - Tree View Target |
|
treeview_name |
|
formname |
|
pos_absolute_design |
|
width_design |
|
height_design |
|
wamname |
|
wrname |
|
reentryfield |
|
reentryvalue |
|
tag_fieldname_alias |
|
resize_to_content |
|
class |
|
bg_color |
|
Date (std_date) |
|
QuickStart - Date |
|
Properties - Date |
|
name |
|
value |
|
display_mode |
|
hide_if |
|
allow_sqlnull |
|
date_mask |
|
button_image |
|
tab_index |
|
title |
|
button_title |
|
read_only |
|
disabled |
|
hide_calendar |
|
class |
|
pos_absolute |
|
width |
|
onchange_script |
|
DateTime (std_datetime) |
|
QuickStart - DateTime |
|
Properties - DateTime |
|
name |
|
value |
|
display_mode |
|
size |
|
hide_if |
|
input_type |
|
display_in_utc |
|
allow_sqlnull |
|
date_mask |
|
time_mask |
|
button_image |
|
tab_index |
|
title |
|
button_title |
|
read_only |
|
disabled |
|
hide_calendar |
|
class |
|
pos_absolute |
|
width |
|
onchange_script |
|
Time (std_time) |
|
QuickStart - Time |
|
Properties - Time |
|
name |
|
value |
|
time_mask |
|
display_mode |
|
hide_if |
|
allow_sqlnull |
|
tab_index |
|
title |
|
read_only |
|
disabled |
|
class |
|
pos_absolute |
|
width |
|
onchange_script |
|