Working with the Object Designer

We will first create the server-side classes for our application in the Object Designer. For this example we will create a simple application – a Car Register – which stores information about who owns which cars.

The application involves the following two classes:

Person: Stores a person's name
Car: Stores a car's name

Note: A ZoomFlex server side class can be thought of as being similar to a database table and the properties of the class would be the fields of the database table

http://{servername}:{portnumber}/shadomx/)

server with username, password and site name.

Upon login, you see the Object Designer that you can use to create server-side classes. You can also access the Object Designer by clicking on "Object Designer" in the main menu on top.

The Object Designer interface consists of four key areas:

- Navigator: A tree structure that represents server-side packages and classes

- Components: Contains a list of components that be used to design classes

- Property Inspector: Displays component specfic properties

- Designer: The actual area for designing a class by dragging dropping components

Click on 'Create New Class'

2. In the window that pops up, Enter the class name as "People".

3. As we want to create this class in a new package, click on the text box below the package tree. Enter the name of the package as "GettingStarted". Click "OK". This will create the server-side class and package.

4. Similarly, now create another class called "Cars" by clicking the "Create New Class" button.

5. Enter 'Cars' in to the 'Class Name' field.

6. Select the "gettingstarted" package from the package tree. And click "OK".

7. Now we design our classes by adding properties to them. In the Navigator, expand Packages > gettingstarted. You should see the two classes you just created. Select the "Cars" class by clicking on it. This enables the Components, Designer and Property Inspector areas. By default ZoomFlex create a component called "Name" for each class you create.

From the Components tab, click on "object" and drag it below the Name component.

8. In the Property Inspector, change the Label to: "People. Click the "Related Class" drop-down combo box and select [gettingstarted People]. This will create a property of the type object bound to the People Class.

9. Click the "Save" button in the Object Designer area. This will save your changes on the server and take the necessary server-side actions like creating database column for the property etc.

That's it! You have now created two classes (in a package), and designed one of them to have another component. In this case the component is of the type object.

Working with the Object Designer

Comments

Getting Started With Zoomflex