THIS IS A TEST INSTANCE. ALL YOUR CHANGES WILL BE LOST!!!!
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
public MyPage extends Page {
public onInit() {
ActionLink link = new ActionLink("link");
link.setActionListener(new AjaxListener("click") {
public Partial onAjaxAction(Control resource, Event event) {
Partial partial = new Partial();
partial.add(new Label("hello"));
return partial;
}
});
}
}
|
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
public MyPage extends Page {
public void onInit() {
Form form = new Form("form");
TextField field = new TextField("field");
field.setActionListener(new AjaxListener() {
public Partial onAjaxAction(Control resource, Event event) {
Partial partial = new Partial();
partial.add(new Label("hello"));
return partial;
}
});
form.add(field); // <- First we attach the field to its parent form to ensure the field.getId()
// will return its fully qualified ID: "form-field", not just "field".
AjaxHelper helper = new AjaxHelper();
helper.ajaxify(field); // <- this call will inject necessary Javascript code to make Ajax calls
}
}
|
The Helper's ajaxify() call will could leverage the control method #getHeadElements 's getHeadElements() method in order to add JavaScript libraries, JavaScript template code etc. The ajaxify() method could also be used to register the Control to the AjaxRegistry, instead of building this logic into the Control's onInit method.
Pros:
- Relatively simple to understand and use
- Both POST and GET requests are supported. For example an Form could be created which performs an Ajax post. As the onInit event is executed, the Form and Fields will be created and ready to be bound to incoming request parameters. Thus a Submit button can register an Ajax listener and save the submitted Form data to the database, before responding with a Partial response, such as a success message, or error message.
- Can create prepackaged Ajax aware controls
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
public class MyPage extends Page {
public void onInit() {
Form form = new Form("form");
TextField field = new TextField("field");
AjaxBehavior behavior = new AjaxBehavior("click") {
// Note: Behavior has an onAction event similar to an ActionListener
public Partial onAction(Control resource, Event event) {
Partial partial = new Partial();
partial.add(new Label("hello"));
return partial;
}
});
field.addBehavior(behavior);
form.add(field); // <- First we attach the field to its parent form to ensure the field.getId()
// will return its fully qualified ID: "form-field", not just "field".
}
}
|