Table of contents
-
Webアプリケーション モジュール (WAM)
- 始める前に
- 1. WAMの概論
- 2. WAMの構造
- 3. 主要なトピック
- 4. アドバンスド・トピック
- 5. WAMアプリケーションの実行
- 6. WAMとWEBEVENTの相互運用
- 7. テクノロジ・サービス
-
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)
- 8.1.4 バナー (std_banner)
-
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)
-
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)
- 8.1.12 グリッド (std_grid_v2 and std_grid_v3)
- 8.1.13 リスト・ページング・イメージ(std_list_images)とリスト・ページング・ボタン(std_list_buttons)
- 8.1.14 マークアップ (std_markup)
- 8.1.15 リスト使用のメモ (std_list_textarea)
- 8.1.16 大型リスト (std_largelist)
-
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)
- 8.1.19 メニュー・アイテム (std_menu_item_v2)
-
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)
- 8.1.22 ページ印刷 (std_printpage)
-
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)
-
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)
- 8.1.27 垂直スプリッター (std_splitter_vert)
-
8.1.28 タブ・ページ (std_tab_pages_v2)
- クイック・スタート - タブ・ページ
- タブ・アイテム・デザイナの使用
- タブ・ページ・ウェブレットで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)
- クイック・スタート - ツリー・ビュー
-
プロパティ - ツリー・ビュー
- 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)
-
8.1.1 アンカー (std_anchor)
-
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)
-
8.3 標準フィールド・ビジュアライゼーション
- 8.3.1 英数字 (std_char)
- 8.3.2 ブール値 (std_boolean)
-
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)
- 8.3.6 入力ボックス (std_input)
- 8.3.7 整数 (std_integer)
-
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)
- 8.3.10 Varchar (std_varchar)
- 8.4 レイアウト・ウェブレット
-
8.1 標準ウェブレット
-
9. jQMobileテクノロジ・サービス用のウェブレット
- 9.1 jQMobile および WAM エディター
- 9.2 フィールドの検証
- 9.3 省略値のウェブレット
-
9.4 標準ウェブレット
- 9.4.1 アンカー(std_anchor)
- 9.4.2 ブール値 (std_boolean)
-
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
-
プロパティ - プッシュ ボタン (std_button_v2)
- 9.4.4 チェックボックス (std_checkbox)
- 9.4.5 折りたたみ可能ブロック(std_collapsible)
- 9.4.6 折りたたみ可能セット(std_collapsibleset)
- 9.4.7 コントロール・グループ (std_controlgroup)
-
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
-
プロパティ - コンボボックス選択メニュー (std_dropdown)
- 9.4.9 フッター バー (std_footer)
- 9.4.10 レイアウト・グリッド(std_gridlayout)
- 9.4.11 ヘッダー バー (std_header)
- 9.4.12 HTMLリスト(std_html_list)
- 9.4.13 HTMLリスト項目 (std_html_li)
-
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
-
プロパティ - 入力ボックス (std_input)
- 9.4.15 メッセージ (std_messages)
- 9.4.16 Mobiscroll 日付/時間ピッカー (std_mobiscroll)
- 9.4.17 ナビゲーションバー (std_navbar)
- 9.4.18 ラジオ・ボタン・グループ (std_radbuttons)
- 9.4.19 RDMLX作業リスト (std_repeater)
- 9.4.20 HTML テキストエリア (std_textarea)
- 9.5 レイアウト・ウェブレット
- 9.6 ユーティリティ・ウェブレット
-
WAM チュートリアル (英語)
- What is a WAM?
- WAM005 - Create Your First WAM
-
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
- WAM020 - WAM Navigation
- WAM025 - Using the Layout Wizard
- WAM030 - Employee Enquiry
- WAM035 - An Employee Update WAM
- WAM040 - Add dropdown lists for Department and Section
- WAM045 - A Dynamic Selector Dropdown list using a Select Field
- WAM050 - A Section Maintenance Application
- WAM055 - Using LANSA Debug
-
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
- WAM070 - Hiding Techniques
- WAM075 - Using a Tree View Weblet
- WAM080 - Session Management
-
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
-
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
- WAM110 - Create Your Own Layout Weblet
- WAM115 - Check in WAMs to IBM i
- WAM120 - Using the Menu Bar Weblet
- WAM125 - Define a Dynamic Menu
- WAM130 - Output a Web Page to a File
- WAM135 - Using the Google Static Maps API
- 付録A. XSLとXMLの準拠
- 付録B. WAM XML構造
-
付録C. 廃止されたウェブレット (英語)
- Attachment panel (std_attachment_panel)
- Dynamic HTML menu bar (std_dhtml_menu)
-
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)
- Date (std_date)
- DateTime (std_datetime)
- Time (std_time)