Làm cách nào để thực thi Javascript trước khi thực hiện hành động JSF <h: commandLink>?

Question

Nếu bạn có JSF <h:commandLink> (sử dụng sự kiện onclick của số <a> để gửi biểu mẫu hiện tại), làm cách nào để bạn thực thi JavaScript (chẳng hạn như yêu cầu xác nhận xóa) trước khi thực hiện hành động?

Answer 1

<h:commandLink id="myCommandLink" action="#{myPageCode.doDelete}"> 
    <h:outputText value="#{msgs.deleteText}" /> 
</h:commandLink> 
<script type="text/javascript"> 
if (document.getElementById) { 
    var commandLink = document.getElementById('<c:out value="${myPageCode.myCommandLinkClientId}" />'); 
    if (commandLink && commandLink.onclick) { 
     var commandLinkOnclick = commandLink.onclick; 
     commandLink.onclick = function() { 
      var result = confirm('Do you really want to <c:out value="${msgs.deleteText}" />?'); 
      if (result) { 
       return commandLinkOnclick(); 
      } 
      return false; 
     } 
    } 
} 
</script> 

hành động javascript khác (như xác nhận hình thức đầu vào vv) có thể được thực hiện bằng cách thay thế các cuộc gọi đến confirm() với một cuộc gọi đến một hàm khác.

Answer 2

Bạn vẫn có thể sử dụng onclick. JSF render kit specification (xem Hành vi mã hóa) mô tả cách liên kết nên xử lý nó. Đây là một phần quan trọng (những gì nó ám cho onclick):

var a=function(){/*your onclick*/}; var b=function(){/*JSF onclick*/}; return (a()==false) ? false : b(); 

Vì vậy, chức năng của bạn sẽ không được thông qua các đối tượng sự kiện (mà không phải là trình duyệt chéo đáng tin cậy anyway), nhưng trở về đúng/sai sẽ ngắn mạch nộp hồ sơ.

Answer 3

Trong JSF 1.2, bạn có thể chỉ định các sự kiện onclick.

Ngoài ra, các thư viện khác như MyFaces hoặc IceFaces triển khai trình xử lý "onclick".

gì bạn cần phải làm sau đó chỉ đơn giản là:

<h:commandLink action="#{bean.action}" onclick="if(confirm('Are you sure?')) return false;" /> 

Lưu ý: bạn có thể không chỉ làm return confirm(...) vì điều này sẽ ngăn chặn các phần còn lại của JavaScript trong sự kiện onClick xảy ra, mà sẽ có hiệu quả ngăn chặn hành động của bạn xảy ra bất kể người dùng đã trả lại gì!

Answer 4

Nếu bạn muốn thực hiện điều gì đó trước khi biểu mẫu được đăng, để xác nhận ví dụ, hãy thử sự kiện biểu mẫu trênSubmit. Một cái gì đó như:

myform.onsubmit = function(){confirm("really really sure?")}; 

Answer 5

này không bao giờ làm việc cho tôi,

onclick="if(confirm('Are you sure?')) return false;" /> 

nhưng điều này đã làm

onclick="if(confirm(\"Are you sure?\"))return true; else return false;" 

Answer 6

có thể được đơn giản hóa như thế này

onclick="return confirm('Are you sure?');" 

Answer 7

var deleteClick; 
var mess="xxx"; 
function assignDeleteClick(link) { 
    if (link.onclick == confirmDelete) { 
     return; 
    } 
    deleteClick = link.onclick; 
    link.onclick = confirmDelete; 
} 


function confirmDelete() { 
    var ans = confirm(mess); 
    if (ans == true) { 
     return deleteClick(); 
    } else { 
     return false; 
    } 
} 

sử dụng mã này cho jsf 1.1.

Answer 8

này đã làm việc cho tôi:

<h:commandButton title="#{bundle.NewPatient}" action="#{identifController.prepareCreate}" 
              id="newibutton" 
              onclick="if(confirm('#{bundle.NewPatient}?'))return true; else return false;" 
              value="#{bundle.NewPatient}"/>