!++++
!----
1. はじめに
Client-side JavaScript を使用し、ブロック設定画面上の「他画面呼出」ボタンから遷移する機能画面において、特定の項目にフォーカスを設定するサンプルを紹介します。
2. サンプル機能の内容と確認ポイント
遷移元の機能IDを評価し、対象の機能IDと一致する場合に、該当の要素を取得してフォーカスを設定します。
Client-side JavaScript による実装内容は以下のとおりです。
-
document.getElementById("CALL_FUNC_ID")を使用し、遷移元の機能IDが格納されている要素を取得します。 - 要素の
valueが対象の機能IDと一致する場合、setTimeoutを用いて処理を遅延させた上で、対象の要素にフォーカスを当てます。
🔍 確認いただけるポイント
-
遷移先の画面において、遷移完了後に対象の項目にフォーカスが当たっていることをご確認ください。
3. 画面イメージ
以下は、遷移先画面において対象の項目にフォーカスが当たっている状態を示しています。
遷移元画面:「修正」ボタン押下後に遷移
遷移先画面:「商品名」の入力フィールドにフォーカスが当たっている状態
!++++
使用したコード一覧
!----