メッセージリストは、ページ上の全てのコンポーネントのエラーメッセージを表示します。
簡単なエラーチェックの設定方法は、インラインメッセージで説明した方法とほぼ同じです。
(1) テキストフィールドコンポーネントをドラッグ&ドロップし、プロパティのIDをinputに修正します。
テキストフィールドは入力必須とするので、プロパティのrequiredにチェックをつけます。
同様にして、もう一つ、テキストフィールドコンポーネントを配置します。
プロパティIDはinput2とし、プロパティのrequiredにチェックをつけます。
(2) メッセージリストコンポーネントを配置します。
(3) ボタンコンポーネントをドラッグ&ドロップします。ボタン名称は、変更しなくても構いません。
プロジェクトを実行し、どちらか1つのテキストフィールドに何も入力せずにボタンをクリックしてみてください。
”妥当性エラー:XXXは必須です”というエラーメッセージが表示されたと思います。逆も試してみてください。
両方のコンポーネントのメッセージが、共通のメッセージリストに表示されます。
ただ・・・
両方を未入力にした場合は、2つのエラーメッセージが重なって表示されてしまいます。
リストのように表示できるのでしょうか?知っている方がいれば、是非教えてください。まだまだ、使いこなせていないので・・・
