UI ツールキット JavaScript API
開発者は、「アラート」ビューを使用して、ユーザーに割り込まない、非干渉型のアラートを作成することができます。 このビューは「リスナー」であり、アラートは bpmext.ui.alert() メソッドを使用して送信されます。
「面グラフ」はページのグラフにデータを表示します。追加のデータ・セットを表示するためのドリルダウン・ツリーを追加することもできます。
「バッジ」ビューはテキストまたは数値のコンテンツを表示します。プログラムで設定してクリック可能にすることができます。
「棒グラフ」はページのグラフにデータを表示します。追加のデータ・セットを表示するためのドリルダウン・ツリーを追加することもできます。
このビューを使用すると、クリック可能なパンくずリストを残すことができます。
「ボタン」ビューは、ユーザーが「次へ」ボタンでページから別のページに進んだり、「終了」ボタンでページを終了したりするなどの処理を可能にします。 「ボタン」ビューには必ずラベルが表示されます。ボタンとしてイメージまたはアイコンを表示するには、「イメージ」または「アイコン」のビューを使用します。
「キャプション・ボックス」は、他のコンテナーより豊富なラベル配置オプションを指定できるコンテナー・ビューです。注: キャプション・ボックスに入れられるビューは 1 つだけです。
「チェック・ボックス」は、ユーザーが二者択一の選択を行える (同時に選択できない 2 つの選択肢のいずれかを選択できる) ビューです。 例えば、単純な「はい」と「いいえ」の質問で、ユーザーが「はい」(チェック・マーク付き) または「いいえ」(チェック・マークなし) で回答する必要がある場合が該当します。
「チェック・ボックス・グループ」は、選択肢をチェック・ボックスとして提示する複数選択ビューです。
「省略表示可能パネル」は、容易に構成できる多くの動作および外観のオプションが備わったセクションです。
構成ビューはデバッグおよび構成を補助する機能です。 ビューの国際化対応に使用する I18N 国際化対応サービスはここで指定します。
「データ」ビューはページの非表示入力フィールドとして機能します。 表示する必要はないが、サポート・コードの中で使用するデータにバインドできます。
「データのエクスポート」ビューを使用すると、ユーザーが、表、繰り返しレイアウト、または単純型のプロパティーを含む複合オブジェクトのリストにあるデータをスプレッドシート形式ファイルにエクスポートできるようになります。サポートされるファイル拡張子は .xlsx および .csv です。
「日付ピッカー」ビューを使用すると、入力フィールドまたはカレンダー・ウィジェットを通じて (時刻なしの) 日付を指定できます。
日時ピッカー・ビューは、Web フォームの日付を選択する入力テキスト・フィールドとカレンダーを作成します。 ピッカーは、ローカライズされたカレンダー、作業不可日、さまざまなプレゼンテーション・オプションをサポートします。
「10 進数」ビューは、10 進数の値を表示するためのものです。書式を設定することができます。
「据え置きセクション」は、遅延ロードを可能にするために使用します。遅延ロードの場合は、ユーザーがスクロールするまでビューポート外にあるイメージがロードされないため、ページ操作の効率が向上します。
デバイス・センサーは、現在の表示に関する情報 (ブラウザー、ブラウザー・バージョン、OS、言語、クライアント (ウィンドウ) の幅、画面全体の幅など) を検出します。 ページが実行されているプラットフォームに応じて、動作や表示を変更するために使用できます (電話のモバイル・バージョンを表示するなど)。
「ドーナツ・グラフ」は、ページのグラフにデータを表示します。容易に構成できる多くの動作および外観のオプションが備わっています。
「イベント・サブスクリプション」ビューは、ビューのイベントまたは機能による呼び出しを listen し、パブリッシュされたイベント・データを取得し、「イベントのパブリッシュ時」で指定されたロジックを実行します。 イベントは、bpmext.ui.publishEvent() メソッドを使用してパブリッシュされます。
「終了防止」ビューは確認メッセージとして使用し、ユーザーがブラウザーのウィンドウやタブを閉じるときにアクティブになります。 このビューを使用すると、ウィンドウまたはタブを閉じるかどうかユーザーに確認するプロンプトを出すことができます。 注: 一部のブラウザーでは、不要なポップアップが表示されないように、ページとの対話がなかった場合は beforeunload イベント・ハンドラーで作成されたプロンプトを表示しない場合があります。現在は FireFox がこれに該当します。 ユーザーがページと対話しない場合、ブラウザーは確認メッセージを表示しません。
「地理コーダー」ビューは、物理的な位置に基づいてユーザーの所在地を表示します。または、緯度および経度の座標を使用した静的な位置を使用することもできます。 このビューは、「Map」、「OpenLayers API」、および「地理位置情報」の各ビューとともに使用する必要があります。
「地理位置情報」ビューは、静的な位置ではなく、マップ上のユーザーの位置を使用する場合に使用します。 このビューは「Map」ビューおよび「OpenLayers API」ビューと併用される可能性がありますが、このビューでは OpenLayers API は必須ではないため、OpenLayers API との併用は使用するデバイスに依存します。 位置オブジェクトの内容とこれらのメトリックの精度は、この UI を実行するデバイスによって決まります。 デバイスに関係なく、このオブジェクトを介して常に緯度と経度が使用できなければなりません。 注意: 位置はコンテキスト変数であり、このビューの「ロケーション解決時」イベント内で使用可能です。 このビューが機能するためには、何らかのデータ・ネットワークに接続されている必要があります (モバイル、Wi-Fi、イーサネットなど任意です。 接続されていない場合、このビューは機能しません)。 ページは、ユーザーの位置情報にアクセスするための許可を要求します。 これは、ブラウザー組み込みのセキュリティー機能です。
「水平レイアウト」セクションは、その中のコンテンツを水平に保持する (隣同士に並べる) ために使用します。 このビューは、リストにバインドして、繰り返しセクションにすることができます。
「水平分割」セクションは、その中のコンテンツを水平に保持する (隣同士に並べる) ために使用し、コンテンツを複数のセクションに分割することができます。
「アイコン」ビューは、ページに追加されるアイコンを使用できるようにします。アイコンは、クリック可能なボタンとしても使用できます。
「イメージ」ビューは、ページにイメージを追加し、クリック時のイベントをプログラムできます。 「イメージ」ビューには、容易に構成できる多くの動作および外観のオプションが備わっています。
「入力グループ」ビューを使用すると、アイコン、テキスト、メニューを入力ビュー (「テキスト」、「テキスト域」、「整数」などのビュー) に追加できます。
「整数」ビューは数値の入力または出力に使用します。
「ライン」ビューは、ビューまたはセクションの区切りに使用できる横線をページに作成します。
「線グラフ」はページのグラフにデータを表示します。追加のデータ・セットを表示するためのドリルダウン・ツリーを追加することもできます。
「リンク」ビューは、外部 Web ページへのリンクを作成するほか、サービス内の境界イベントに設定することもできます。
「Map」および「Google API」のビューを使用すると、ページに配置される地図を使用して、静的な位置の設定やユーザーの位置の使用が可能になります。 ユーザーの位置を取得するには、「地理位置情報」ビューを使用する必要があります。
「マスク付きテキスト」ビューを使用すると、マスク内にテキストを入力できます。 電話番号や郵便番号など、一定の形式のテキストを入力する場合に便利です。
「モーダル・アラート」ビューは、指定したイベントが発生したときに起動できる警報です。 モーダル・アラートが画面に表示されると、ユーザーは、このビューに対処するか、それを閉じない限り、メイン画面に戻れません。
「モーダル・セクション」は、モーダル表示されるコンテナー・ビューです。 すなわち、これを閉じるまでメイン・ウィンドウでの作業を続行できません。
「多目的グラフ」はページのグラフにデータを表示します。追加のデータ・セットを表示するためのドリルダウン・ツリーを追加することもできます。
「複数選択」ビューを使用すると、ユーザーが一度に複数の項目を選択できるようになります。通常は、選択対象の項目のリストを作成するために使用します。
「ナビゲーション・イベント」ビューは、ボタンを使用せずにページを制御するために使用します。代わりに、ページのナビゲーションをコマンドで制御できます。
「注記」ビューは読み取り専用のテキストを表示します。ラベルにはさまざまなヘッダー・オプションが用意されています。
「通知」ビューはテキストまたは数値のコンテンツを表示します。通常は、ページの特定の領域にユーザーの注意を引くために使用します。 注: 表示するテキストは、このビューのラベルになります。
「Map」ビューおよび「OpenLayers API」ビューを使用すると、ページに配置される地図を使用して、静的な位置を設定したり、ユーザーの位置を使用したりすることができるようになります。 ユーザーの位置を取得するには、「地理位置情報」ビューを使用する必要があります。
「出力テキスト」ビューは、読み取り専用のテキストを表示するテキスト・オプションです。
「パネル」ビューは任意のビューを保持できるコンテナーであり、ビューのグループに対して共通のスタイルを提供します。
「パネル・フッター」ビューは、「パネル」セクションにフッターの詳細を追加します。 このビューは「パネル」セクションとともに使用する必要があります。
「パネル・ヘッダー」ビューは、「パネル」セクションにヘッダーの詳細を追加します。 このビューは「パネル」セクションとともに使用する必要があります。
「パスワード」ビューは、パスワードが必要な場合に使用する拡張入力テキスト・オプションです。 画面に表示される可視データがマスクされます。 開発者が「事前」ユーザー入力検証を作成するときに、外観および動作の構成オプションを柔軟に設定することができます。
「円グラフ」はページのグラフにデータを表示します。追加のデータ・セットを表示するためのドリルダウン・ツリーを追加することもできます。
「位置」ビューは、位置座標、位置タイプ、および半径に基づいて任意の位置を表示します。
「ポップアップ・メニュー」ビューを使用すると、他のビューにポップアップ・メニューを作成できます。 プログラムで (通常は他のビューを通じて) 開く必要があります。
「進行状況表示バー」ビューは、特定のページで作業しているときのユーザー進行状況を視覚的に表示します。 この視覚的表示により、ユーザーは、既に完了したタブ、ページ、または入力フィールドの数を一目で知ることができます。
「QR コード」ビューは、QR スキャナーを使用してユーザーを Web サイトに誘導するために使用します。 QR スキャナーは一般的に、カメラ対応スマートフォンに無料でダウンロードできます。 ユーザーにとってはスキャナーを QR コードに合わせるだけで「QR コード」ビューで構成された Web サイトにアクセスできるため、特定の Web サイトに簡単にユーザーを誘導でき、便利です。
「ラジオ・ボタン」ビューは、個別に、またはグループとして使用できるビューです。 一般に、このビューは、同時に選択できない 1 つ以上の選択肢 (性別や年齢層など) からユーザーが選択を行えるようにするために使用します。
ラジオ・ボタン・グループは、選択肢をラジオ・ボタンとして提示する単一選択ビューです。
「レスポンシブ・センサー」は、画面やウィンドウのサイズに応じてページの表示方法を変更するために「水平レイアウト」および「垂直レイアウト」とともに使用します。
「サービス呼び出し」ビューは、ロード時に、またはプログラムによって呼び出せる AJAX サービスを呼び出すために使用します。
「サービス・データ・テーブル」ビューは、「テーブル」ビューと同様に、繰り返し型の表を作成できます。 サービス・データ・テーブルでは、表に表示するデータを返す AJAX サービスを指定する必要があります。 注: サービス・データ・テーブルはバインディングをサポートしていません
「署名」ビューを使用すると、ユーザーがタッチスクリーンまたはマウスを使用して画面上で署名することができます。
「単一選択」ビューは、静的に取り込まれる項目またはサービス経由で取得される可能性のある項目のドロップダウン・リストを作成するために使用します。
「スライダー」ビューは、数値を手で入力するのではなく、視覚的に表示したり変更したりするために使用します。
スペーサー・ビューは、各ビュー間または各セクション間に距離を置くために使用します。 通常、このビューは、後続のビューのデフォルトの配置を変更するために使用します。
「スピナー」ビューは、システムが情報のロード、処理、取得などのアクションを実行中であり、ビジー状態であることを示します。
「スタック」セクションは「タブ・セクション」と同様ですが、一度に表示されるペイン (タブ) が 1 つに限られます。
「状況ボックス」ビューは、他のビューに状況メッセージを表示するために使用します。通常は入力ビューとともに使用します。
「ステップ・グラフ」はページのグラフにデータを表示します。追加のデータ・セットを表示するためのドリルダウン・ツリーを追加することもできます。
「スタイル」ビューを使用すると、ページの外観を変更するために外部 CSS ファイルを使用できます。
「スイッチ」ビューを使用すると、オン/オフの視覚的スイッチ・ウィジェットを使用して二者択一の値 (チェック・ボックスと同様) を表示できます。
「タブ・セクション」を使用すると、ビューをタブに編成でき、用意したタブをユーザーが切り替えられるようになります。
「テーブル」ビューを使用すると、「テキスト」、「10 進数」、「出力テキスト」などの他のビューを使用して表を作成できます。
「テーブル・レイアウト」、「テーブル・レイアウトの行」、「テーブル・レイアウトのセル」は、整然とした表を表示するために、その内部に他のビューを保持するためのセクションです。 これらのビューでは、HTML の表をレンダリングできます。SARK の「テーブル」や「サービス・データ・テーブル」のビューとは無関係です。
「テーブル・レイアウト」、「テーブル・レイアウトの行」および「テーブル・レイアウトのセル」は、整然とした表を表示するために、その内部に他のビューを保持するためのセクションです。 これらのビューでは、HTML の表をレンダリングできます。SARK の「テーブル」や「サービス・データ・テーブル」のビューとは無関係です。
「テーブル・レイアウト」、「テーブル・レイアウトの行」および「テーブル・レイアウトのセル」は、整然とした表を表示するために、その内部に他のビューを保持するためのセクションです。 これらのビューでは、HTML の表をレンダリングできます。SPARK の「テーブル」や「サービス・データ・テーブル」のビューとは無関係です。
「テキスト」ビューは、任意のテキスト・データを入力したり表示したりするために使用します。
「テキスト域」ビューを使用すると、ユーザーがテキスト・ボックスにテキスト情報を入力できるようになります。
「テキスト・エディター」ビューを使用すると、ユーザーがエディター・ボックスにテキスト情報を入力できるようになります。このビューには、容易に構成できる多くの外観および動作のオプションが備わっています。
「テキスト・リーダー」ビューを使用すると、長いテキストが記載されているセクションを省略表示可能なペインに表示できます。これにより、データの詳細表示と省略表示を切り替えることができます。
「タイマー」ビューを使用すると、任意の時間に関連したイベントを起動できます。
「ツールチップ」ビューはユーザーに通知メッセージを表示します。このビューには、容易に構成できる多くの外観および動作のオプションが備わっています。
「先行入力テキスト」ビューは、関連付けられた選択サービスに基づいてテキストを自動的に設定します。
「バリアント」ビューは、「テキスト」、「マスク付きテキスト」、「単一選択」、「日付」、「10 進数」、「整数」の各ビューを表すために使用できる単一のビューです。
「垂直レイアウト」ビューは、その中のコンテンツを垂直に保持する (上に積み重ねる) ために使用します。
「ビデオ」ビューは動画をページに追加します。
ウェルは、スタイル付きの背景の内側に複数のビューを配置できるセクションです。