Znacznik wiadomości akcji w struts2

Question

Jestem nowy na krok po kroku, jak udekorować komunikat akcji i błędy akcji na stronie struts2 jsp?

<s:actionmessage/> 
<s:actionerror/> 

Answer 1

można używać stylów CSS oraz atrybut jquery motywu do dekoracji i komunikat o błędzie Działanie działania.

<div class="error"><s:actionerror theme="jquery"/></div> 
<div class="message"><s:actionmessage theme="jquery"/></div> 

.message li 
{ 
    font-size: 14px; 
    color: #000066; 
    text-align: center; 
    list-style: none; 
    font-family: Trebuchet MS,sans-serif,inherit,Arial,monospace; 
} 

.error li 
{ 
    font-size: 14px; 
    color: #990000; 
    text-align: center; 
    list-style: none; 
    padding-right: 50px; 
} 

Answer 2

Powinieneś zobaczyć źródło HTML po to staje się, aby zobaczyć strukturę klas CSS i HTML, który rozpórkami używa do renderowania wiadomości. Możesz również zajrzeć do plików szablonów.

Przez rozporek Domyślnie renderuje każdą wiadomość działania w następujący sposób:

<ul> 
    <li><span class="actionMessage">${message}</span></li> 
</ul> 

Każda wiadomość będzie miała <li><span class="actionMessage">${message}</span></li>.

Możesz utworzyć CSS dla akcji MESSAGE lub zmienić plik szablonu, aby renderować je w dowolny sposób.

szablonie plików do nich znajdują się w:

/template/simple/actionerror.ftl 
/template/simple/actionmessage.ftl 

polowego błąd może być przydatna także:

/template/simple/fielderror.ftl 

uwaga: jeśli używasz motywu xhtml te pliki może być zlokalizowane w tym folderze pod szablonem

Answer 3

Witam tutaj, piszę s olution dla swojego problemu, jeśli chcesz, aby wiadomości i komunikaty o błędach działania do dekoracji użyć tego kodu

<div id="sucessMsg"><s:actionerror /></div> 


sucessMsg is the class that is using by struts2 internally so override this so kindly put the below code inside the css 

#sucessMsg { 
    text-align: center; 
    font-weight: bolder; 
    color: #6A2A91; 
    list-style: none; 
    margin: auto; 
} 

#errorMsg { 
    text-align: center; 
    font-weight: bolder; 
    color: red; 
    list-style: none; 
    width: 350px; 
    margin: auto; 
}