Vaadin如何更改默認驗證功能

Question

我在portlet環境中使用vaadin，我們有特定的驗證外觀&的感受和行爲。

當輸入字段的值無效，

1. 其邊界的顏色變爲紅色。
2. 所有錯誤消息（作爲鏈接）顯示在上方或下方的公共位置。
3. 點擊具體的錯誤結果到光標焦點去相關的領域。

那麼我怎樣才能實現這個功能，我需要改變&修改。

Answer 1

爲了您的觀點＃1，您需要創建一個主題。要做到這一點，我建議你閱讀Book of Vaadin章5-8

第5章解釋與之相關的UI組件和CSS樣式。 第8章解釋如何繼承css主題。

對於第2點，您必須在頁面中添加一個佈局，並且您將爲每條消息創建一個按鈕並將其設置爲Web鏈接。

Button button = new Button("Your error message"); 
button.setStyle(BaseTheme.BUTTON_LINK); 
errorLayout.addComponent(button); 

對於點＃3，將偵聽器添加到您的按鈕鏈接，並單擊時，將該組件錯誤地集中。所以之前的代碼現在看起來像這樣

Button button = new Button("Your error message"); 
button.setStyle(BaseTheme.BUTTON_LINK); 
button.addListener(new Button.ClickListener(){ 
    public void buttonClick(ClickEvent event){ 
    // Replace componentInError by the associated component of the link. 
    componentInError.focus(); 
    } 
} 
errorLayout.addComponent(button); 

問候。 Éric