2012-05-07 67 views
6

我是新來的struts到如何修飾struts2 jsp頁面中的動作消息和動作錯誤?struts2中的動作消息標籤

<s:actionmessage/> 
<s:actionerror/> 
+1

你可以使用簡單的主題,你可以應用你想要的CSS樣式。 –

回答

4

您可以使用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; 
} 
1

您應該在呈現HTML源代碼後查看HTML源代碼,以查看Struts用於呈現該消息的CSS類和HTML結構。您也可以查看模板文件。

默認支柱呈現每個動作信息如下:

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

每個消息都會有<li><span class="actionMessage">${message}</span></li>

您可以爲actionMessage創建CSS,或者更改模板文件以根據需要呈現這些CSS。

這些模板文件位於:

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

字段錯誤可能對你有用的:

/template/simple/fielderror.ftl 

注:如果您使用的是XHTML主題的那些文件可能位於該模板下的文件夾

+0

值得記住的是,在任何struts2 UI標籤中,您都可以爲樣式目的添加樣式,ID和類屬性。 – Quaternion

2

嗨,我在這裏發佈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; 
}