ヘルプ/情報、検証、入力ヘルパーのインラインアイコンボタン付きVaadin入力フィールド

Question

Vaadin 8（またはそれ以降）では、フィールド、テキストエリア、さらにはチェックボックスやおそらくラベルにアイコンボタンを追加するための強固な方法を見つける必要があります。

私が活用できる組み込みのサポートは既にありますか？私はVaadinがどのようにフィールドの隣に現れる赤い感嘆符で構成要素のエラーを表示するのかを気づいた。それは何とかアクセス可能で拡張可能なメカニズムなのだろうか？

同様のものを実装しましたか？これを達成する方法に関するいくつかの一般的な戦略アドバイスを教えてください。

理想的には、これらのアイコンはフィールド内に表示されますが、ページレイアウトを完全に破壊しない限り、入力の隣に表示されることができます。

これらは、表示するために使用されます。

• 検証情報
• に入力を選択するのに役立つ入力ヘルパーボタンを示すヘルプ
• 検証ボタン（警告またはエラー）をポップアップするヘルプボタン入力

のBaをクリアするためのクリアボタンは

（例えばカレンダーまたは他のエンティティの選択ダイアログをアップpoppping）私はこれらのボタンのいくつかが必要であることを除いてカレンダーのアイコンを使ってDateFieldに既に実装されているVaadinのように同じものを持っていたいと思います。それらを制御できるようにする必要があります（右側に表示する必要があります）。

Answer 1

私はCompositeかCustomComponentを使用してカスタムコンポーネントを作成することを決めました。

カスタムコンポーネントのルートはHorizontalLayoutで、入力フィールドの横に目的のボタンを配置します。

このアプローチは、私はラベル、コンボボックス、チェックボックス、日付フィールド、PASSWORDFIELDをラップすることができますなど

私は、追加のマーカーを追加することを決定した場合にも拡張可能だ

例えば汚い/変更マーカーまたは必須入力などのマーカー。

Answer 2

あなたの質問に「...アイコンボタンフィールド、テキストエリア...」と記載されています。

フィールドでは、CompositeまたはCustomComponentの代わりにcom.vaadin.ui.CustomFieldを使用することをお勧めします。