XUI(Xml User Interface) is BTT user interface specification file that can be used to generate the DOJO based JSP finally. BTT tooling provides a XUI editor to development the UI visually. The following is the BTT editor screen shot, in the right. There is the widgets palette. The widgets can be dropped into the left work area and set properties of the widgets.
The XUI file has properties to specify the context and CSS. And for each widget in the XUI, you can specify the data name to bind with BTT context data and set other appearance properties in the properties view when you select the widget.
The following screen shot is the example to set the data name property of text widget for amount.
The data name can be selected from a dialog popup when click on the dataname properties value.
BTT can also support dynamic effect in UI by defining ECA rules. ECA (Event-Condition-Action) means application can trigger some actions on page based on the event and some conditions. The actions include set the properties of the widgets or calls some global function of Javascript like call AJAX operation. BTT tooling supports to define the ECA rule easily and visually even though the developer does not know the details of HTML and JavaScript.
In the sample, we define three ECA rules for accountMain XUI page. You can view the ECA rule details by clicking the “Rules” tab of the XUI editor.
For detailed information on how to use the XUI editor, see **** MISSING FILE ****.