Database application development is a feature of JBuilder Professional and Enterprise. Distributed application development is a feature of JBuilder Enterprise.
Now you are ready to create a user interface for your database application. The fastest way to do this is to use the UI designer.
To learn about using layouts, see the online help topics "Laying out your UI", and "Using layout managers" in Building Applications with JBuilder.
The steps below add the following UI components to the application from the dbSwing tab on the component palette:
Click the dbSwing tab on the component palette, then click the JdbNavToolBar.
Click the area close to the center, top edge of the panel in the UI designer. An instance of JdbNavToolBar, called jdbNavToolBar1, is added to the panel and is displayed in the component tree. jdbNavToolBar1 automatically attaches itself to whichever StorageDataSet has focus.
jdbNavToolBar1 is now the currently selected component, and should extend across the top edge of the panel. Don't worry if it went somewhere different than you expected. The layout manager controls the placement, guessing the location by where you clicked. If you were too close to the left or right or middle of the panel, it may have guessed you wanted the component in a different place than you intended. You can fix that in the next step.
Look at the constraints property for jdbNavToolBar1 in the Inspector. It should have a value of NORTH. If it doesn't, click once on the value to display a drop-down list, and select North from the list.
Add a TableScrollPane component to the center of the panel. Make sure its constraints property is CENTER. A table should fill the rest of the panel.
Scrolling behavior is not available by default in any Swing component or dbSwing extension, so, to get scrolling behavior, you must add scrollable Swing or dbSwing components to a JScrollPane or a TableScrollPane. TableScrollPane provides special capabilities to JdbTable over JScrollPane. See the dbSwing documentation for more information.
Finally, drop a JdbTable into the middle of the tableScrollPane1 component in the designer. This fills the tableScrollPane1 container with jdbTable1.
Your UI designer should look similar to this:
JBuilder creates the corresponding source code immediately for the elements you've added or modified in your application. To see this code, click the Source tab.
DataExpress
components to the UI components.
To connect the DataExpress
components with the JdbTable
, you must specify a DataSet
in the dataSet
property of the component.
To set the dataSet
property of the JdbTable
component and connect the UI component to live data,
jdbTable1
in the content pane.
dataSet
property in the Inspector.
tableDataSet1
from the drop-down list. This list contains all instantiated DataSet
components (of which there is only one in this example).
The column headers and live data appear in the table in the UI designer.
![]() |
Compiling, running, and debugging the application![]() |