Vaadin輸入字段與幫助/信息，驗證和輸入助手內聯圖標按鈕

Question

我需要找到一個堅實的方式在Vaadin 8（或更高版本）添加圖標按鈕到字段，文本區域，甚至複選框和可能的標籤。

是否有一些內置的支持，我可以利用？我注意到例如Vaadin如何顯示組件錯誤，並在該字段旁邊顯示一個紅色感嘆號 - 該機制是否可以訪問和擴展？

你有沒有實現類似的東西？你能分享一些關於如何實現這一目標的一般性戰略建議嗎？

理想情況下，這些圖標會顯示在該字段內，但只要它不會完全破壞頁面佈局，我就可以與它們一起顯示在輸入旁邊。

這些將被用來顯示：

• 幫助按鈕彈出幫助
• 驗證按鈕（警告或錯誤）顯示驗證信息
• 的輸入輔助按鈕，幫助選擇輸入（例如poppping了一個日曆或其他實體選擇對話框）
• 清除按鈕以清除輸入

巴我想要像Vaadin一樣爲DateField實現日曆圖標，除了我需要幾個這些按鈕，並且我需要能夠控制它們（並且它們應該顯示在右側）：

Answer 1

我決定建立使用Composite或CustomComponent自定義組件。

自定義組件的根目錄是HorizontalLayout，其中我將所需按鈕放置在輸入字段旁邊。

這種方法也可以讓我來包裝標籤，組合框，複選框的DateField，PasswordField等

這也是擴展，如果我決定要添加額外的標記，例如像一個骯髒/修改標記或所需的輸入標記。

Answer 2

在您的問題中，您聲明「...圖標按鈕到字段，文本區域...」。

對於字段，最好使用com.vaadin.ui.CustomField而不是Composite或CustomComponent。