Start Execution in Foreign Ajax Channel

Employment/Purpose

Here we describe how to start a ZK execution in a foreign Ajax channel. For example, JSF 2 allows developers to send back JavaScript code to update the browser in JSF's Ajax channel.

Bridge

Starting an execution in a foreign Ajax channel is straightforward: invoke Bridge.start(ServletContext, HttpServletRequest, HttpServletResponse, Desktop). Then, you are allowed to access the components, post events and do anything you like. At the end, you invoke Bridge.getResult() to retrieve the JavaScript code snippet and send it back to the client to execute. Finally, you invoke Bridge.close() to close the execution.

 1 Bridge bridge = Bridge.start(svlctx, request, response, desktop);
 2 try {
 3     //execution started, do whatever you want
 4 
 5     String jscode = bridge.getResult();
 6 
 7     //send jscode back with the foreign Ajax channel.
 8 } finally {
 9     bridge.close(); //end of execution and cleanup
10 }

Example

Start Execution in JSF 2 ActionListener

In JSF 2.0 developers can initiate Ajax request using jsf.ajax.request For e.g.

1 ...
2    <h:commandButton id="save" value="Save"
3     onclick="jsf.ajax.request(this, event, {execute:'@all'}); return false;" actionListener="${myBean.saveDetails}">
4    </h:commandButton>
5 ...

and in your ActionListener

 1 @ManagedBean
 2 @SessionScoped
 3 public class MyBean {
 4 
 5    public void saveDetails(ActionEvent e)  throws IOException {
 6 
 7       ExternalContext ec = FacesContext.getCurrentInstance().getExternalContext();
 8       ServletContext svlctx = (ServletContext) ec.getContext();
 9       HttpServletRequest request = (HttpServletRequest) ec.getRequest();
10       HttpServletResponse response = (HttpServletResponse) ec.getResponse();
11       Component comp = getComponent();
12       Bridge bridge = Bridge.start(svlctx, request, response,comp.getDesktop());
13       try {
14               // update ZK component(s) state here
15               //comp.appendChild(new SomethingElse()); ...
16 
17               //Send back bridge.getResult() with the response writer (eval)
18               PartialResponseWriter responseWriter =
19                 FacesContext.getCurrentInstance().getPartialViewContext().getPartialResponseWriter();
20               responseWriter.startDocument();
21               responseWriter.startEval();
22               responseWriter.write(bridge.getResult());
23               responseWriter.endEval();
24               responseWriter.endDocument();
25               responseWriter.flush();
26               responseWriter.close();
27       } finally {
28               bridge.close();
29       }
30   }
31 
32   private Component getComponent() {
33       //locate the component that you want to handle
34   }
35 }

---

Version History

Version	Date	Content
5.0.5	September 2010	Bridge was introduced to simplify the starting of an execution in foreign Ajax channel