Webアプリケーション モジュール WAM

LANSA WAM

Webアプリケーション モジュール (WAM)

Webアプリケーション モジュール (WAM)

始める前に

WAMの概論

WAMの構造

主要なトピック

アドバンスド・トピック

WAMアプリケーションの実行

WAMとWEBEVENTの相互運用

テクノロジ・サービス

XHTMLテクノロジ・サービス用のウェブレット

jQMobileテクノロジ・サービス用のウェブレット

WAM チュートリアル (英語)

付録A. XSLとXMLの準拠

付録B. WAM XML構造

付録C. 廃止されたウェブレット (英語) 

 

 

 

エディション日付: 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