Skip to main content

Zen Model–View–Controller in the Zen Contacts Application

The Zen Contacts application uses Zen MVC to implement the form for updating contact information. The following table presents the Zen elements used for each of the MVC design elements:

Zen MVC in the Zen Contacts Application
MVC Element Zen Element Description
Model %ZEN.DataModel.ObjectDataModelOpens in a new tab

Create ZenTutorial.ContactModel as a subclass. Correlate the ZenTutorial.Contact properties with ZenTutorial.ContactModel properties to include them in the model.

View

Zen form component.

Connect the form component to the controller and bind each input element on the form to properties of the model class.

Controller

Zen dataController component.

Place this component on the page and connect it to both the form component and the model class.

FeedbackOpens in a new tab