B4J Tutorial [WebApp] Custom Elements - DatePicker & Dialogs

Erel

Administrator
Staff member
Licensed User
The web app framework can be easily extended with new elements and new features.

In this example we use two elements from jQuery UI library:





The dialog is a div element. We need to call a method named dialog when the page is loaded (see the API: http://jqueryui.com/dialog/).

This is done when the websocket is connected:
B4X:
Dialog.RunMethod("dialog", Array As Object(CreateMap("autoOpen": False, "modal": True)))
The DatePicker element is more interesting. We want to catch its onSelect event and send it to the server.

This is done with the b4j_raiseEvent JavaScript function:


The id must be lowercase for this to work. You can include other parameters in the event.

Online example: http://basic4ppc.com:51042/datepicker/index.html

The project is attached.
 

Attachments

Top