画面1の「選択された色」のすぐ下に表示されている「[85,242,67] から [86,242,69] (56F245) にチェンジ!」という文字列は、コンポーネントで色の設定が変更されるたびに内容が切り替わる。これを実現しているのがリスト3に示すイベント処理だ。
実際のイベント処理を行う関数（変数onRgbChange）は、onメソッドにより、この関数を実行するきっかけとなるイベントの名称と共にコンポーネントに登録しておく。これにより前述のメッセージの表示と切り替えが可能になる。実際にメッセージが表示されるのは、リスト4の
駆け足になってしまったが、色の設定を行うColor Picker Controlについて取り上げた。機能としてはシンプルだが、画面のカスタマイズを行うアプリケーションには必須のコンポーネントといえるだろう。
次回は書式設定が可能なテキストエディタRich Text Editorを取り上げる。引き続き楽しみにしていただきたい。
ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)
経理担当者に贈る、決算早期化を実現するための9つの業務改善ポイント
JRA公式スマホアプリの認証管理基盤に「OCI IAM」が選ばれたワケ
7つの導入事例に見る、シングルベンダー「SASE」採用による大きな導入効果
増え続けるクラウドコストどう減らす？ 800社のナレッジでコスト、運用、セキュリティ課題を解消する
3～4月期の繁忙期こそIT管理体制見直しのチャンス！情シス業務を飛躍的に向上させる秘訣とは
マイナンバーカードの利用状況を教えてください
エンタープライズ・コンピューティングの最前線を配信
ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET
Japanをご覧ください。
