コンポーネントで登録したスケジュールの一覧を表示するフローテンプレートの使い方

コンポーネント(SingleSchedule、IntervalSchedule、RegularSchedule)で登録したスケジュール一覧を表示・検索を行うテンプレートの使い方を紹介します。

■事前準備
フローをトリガーなしで実行させるため、アカウントのコンテキスト設定を以下の通り設定します。

  • HTTPユーザーとして使用を有効
  • フローの直接実行を許可を有効

また、コンテキストパス配下の未登録のプロジェクトでも直接実行ができるよう、

  • 初回アクセス時にプロジェクトを自動登録を有効

に設定します。

scheduleList_0005.png

■テンプレートのインポート

まずは、テンプレートのアーカイブファイルをダウンロードします。
アーカイブファイルは本記事下にダウンロードリンクよりダウンロードしてください。

ダウンロードしたアーカイブファイルをインポートして準備は完了です。

scheduleList_0010.png scheduleList_0020.png

scheduleList_0035.png

■フローテンプレートからスケジュール一覧を表示するフローを作成

scheduleList_0040.png

Webサーバーのサブディレクトリ名を指定して完了ボタンをクリックするとフローが作成されます。

本フローテンプレートを利用してフローを作成するとAngularJS、Bootstrapを使用してスケジュール検索を行います。

scheduleList_0055.png

■フローの実行
ユーザーのホームフォルダー配下のフローをコンパイル・登録しておくと以下のURLを叩くことでフローが実行されます。

http://[サーバーアドレス]:[ポート番号(デフォルトでは21380)]/[ユーザーコンテキスト]/[ Webサーバーのサブディレクトリ名].html

こちらの環境では「http://localhost:21380/asteria/scheduleList.html」となります。
実行結果は以下の通りです。

scheduleList_0060.png

コンポーネントで登録したスケジュール一覧が表示され、検索欄にキーワードを入力すると特定のスケジュールを検索することもできます。

みなさんも是非活用してみてください。

scheduleList.zip
ダウンロード
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

他のキーワードで検索する