Gọi Phương thức Quản lý Bean Từ JavaScript

Question

Tôi có một ứng dụng có bản đồ hình ảnh phía máy khách với nhiều phần được xác định. Tôi cần gọi phương thức trong Bean được quản lý từ thuộc tính onclick <area>.

này không hoạt động:

<area id="ReviewPerson" shape="rect" coords="3, 21, 164, 37" href="#" 
    onclick="#{personBean.method}" alt="Review Person" id="reviewPersonArea" 
    title="Review Person" /> 

Kể từ tay của tôi được gắn trên bản đồ hình ảnh (không may), làm thế nào tôi có thể gọi một phương thức bean được quản lý từ bên trong thẻ <area>?

Answer 1

Bạn có một vài tùy chọn. Nếu bạn đang sử dụng JSF 2.0, bạn có thể xây dựng một thành phần tổng hợp xung quanh các thẻ khu vực này.

Cách đơn giản nhất là gọi một nút nhập JSF ẩn.

<h:commandButton id="hdnBtn" actionListener="#{personBean.method}" style="display: none;" /> 

Điều này sẽ làm cho như một yếu tố input HTML trên trang mà bạn có thể truy cập từ javascript và gọi sự kiện click của nó.

onclick="jQuery('#form:hdnBtn').click();" 

Answer 2

Nếu bạn sử dụng Seam, Remoting có thể làm điều này cho bạn: http://docs.jboss.org/seam/2.2.0.GA/reference/en-US/html/remoting.html

cách tiếp cận khác sẽ làm phơi bày các phương pháp như các dịch vụ REST, và gọi cho họ từ JavaScript sử dụng một cái gì đó giống như jQuery. Dưới đây là một bài viết hay về cách tiếp cận này: http://coenraets.org/blog/2011/12/restful-services-with-jquery-and-java-using-jax-rs-and-jersey/

Answer 3

Nếu bạn muốn hoàn thành ADF Faces giải pháp bạn có thể thử này:

function doClick(){ 
    var button = AdfPage.PAGE.findComponentByAbsoluteId("aButton"); 
    ActionEvent.queue(button,true); 
} 

Answer 4

Nếu bạn sử dụng primefaces, bạn không cần phải jquery. Bạn sử dụng remoteCommand với một thuộc tính tên, và gọi tên đó từ javascript, vì vậy:

<area... onclick="somejavascript();"... /> 

<p:remoteCommand name="myCommand" actionListener="#{personBean.method}" style="display: none;" /> 

Javascript:

function somejavascript(){ 
    myCommand(); 
}