Тэг тега действия в struts2

Question

Я новичок в struts to Как украсить сообщение о действии и ошибки действий на странице struts2 jsp?

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

Answer 1

вы можете использовать стили CSS, а также атрибут JQuery темы, чтобы украсить вашу ошибку действий и сообщения действий.

<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

Вы должны просмотреть исходный код HTML после того, как оказывается, чтобы увидеть классы CSS и HTML структуру, что Struts использует для отображения сообщения. Вы также можете посмотреть в файлах шаблонов.

По умолчанию распорок делает каждое сообщение действие следующим образом:

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

Каждое сообщение будет иметь <li><span class="actionMessage">${message}</span></li>.

Вы можете создать CSS для actionMessage или изменить файл шаблона для рендеринга, как хотите.

Файлы шаблонов для них расположены в:

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

Field Ошибка может быть полезным для вас, а также:

/template/simple/fielderror.ftl 

примечание: если вы используете тему Xhtml эти файлы может быть расположенным в этой папке под шаблоном

Answer 3

Привет, здесь я отправляю s olution для вашей проблемы, если вы хотите, чтобы ваши сообщения действий и сообщения об ошибках для украшения использовать этот код

<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; 
}