Thẻ Thông báo Hành động trong struts2

Question

Tôi mới sử dụng thanh chống để Làm thế nào để trang trí các thông báo hành động và các lỗi hành động trong trang juts struts2?

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

Answer 1

bạn có thể sử dụng phong cách css cũng như thuộc tính chủ đề jquery để trang trí lỗi hành động của bạn và thông điệp hành động.

<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

Bạn nên xem nguồn HTML sau khi được hiển thị để xem các lớp CSS và cấu trúc HTML mà Struts sử dụng để hiển thị thông báo. Bạn cũng có thể tìm trong các tệp mẫu.

By Mặc định thanh chống làm cho mỗi tin nhắn hành động như sau:

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

Mỗi thông báo sẽ có một <li><span class="actionMessage">${message}</span></li>.

Bạn có thể tạo CSS cho hành độngThực hiện hoặc thay đổi tệp mẫu để hiển thị các tệp này theo bất kỳ cách nào bạn muốn.

Các tập tin mẫu cho những được đặt tại:

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

Lỗi Dòng có thể có ích đối với bạn cũng như:

/template/simple/fielderror.ftl 

lưu ý: nếu bạn đang sử dụng theme xhtml các tập tin có thể được đặt trong thư mục đó theo mẫu

Answer 3

Xin chào tại đây tôi đang đăng bài olution cho vấn đề của bạn nếu bạn muốn thông điệp hành động của bạn và thông báo lỗi để trang trí sử dụng mã này

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