Skip to main content

Updating Data using a Form and Zen MVC

Part III of this tutorial provides an introduction to Zen forms and the Zen Model-View-Controller (MVC) framework. In Part III, we enhance the Zen Contacts application from Part II by adding a form for editing contact information. After completing Part III, you will be able to do the following:

  • List the Zen components and classes that comprise the Zen MVC framework.

  • Create a Zen MVC model class using %ZEN.DataModel.ObjectDataModelOpens in a new tab.

  • Add a dataController component to a Zen page and associate it with a Zen MVC model class.

  • Add a fieldSet component to a Zen page.

  • Add a form component to a fieldSet and associate the form with a dataController.

  • Add text and dataCombo components to a form.

  • Use hgroup and vgroup to design a layout for the components on a form.

  • Customize the styles of a form component.

  • Hide and display a form on a Zen page.

  • Add client-side validation to a form.


Click here to begin.

FeedbackOpens in a new tab