Zen QuickStart Tutorial
- Preface
- Overview
- Displaying Data with a Table
- Application Overview
- Getting Started
- Creating the Application Class
- Creating the Page Class
- Creating a Page Layout
- Adding a tablePane
- Viewing the Table So Far
- Sorting the Table
- Searching the Table
- Customizing the Table Styles
- Viewing the Styled Table
- Adding a Table Navigator
- Viewing the Table Navigator
- Composite Components
- Creating the Composite Menu Component
- Adding Components to the Composite Menu
- Customizing the Composite Menu Styles
- Adding the Composite Menu
- Viewing the Composite Menu
- Recap
- What Next?
- Updating Data using a Form and Zen MVC
- Application Overview
- Zen Model–View–Controller
- Zen Model–View–Controller in the Zen Contacts Application
- Creating the Model Class: Properties
- Creating the Model Class: Methods
- Adding the Controller
- Adding the View
- Form and Table Page Layout
- Form Layout
- Viewing the Form So Far
- Customizing the Form Styles
- Viewing the Styled Form
- Hiding, Displaying, and Loading Data into the Form
- Viewing the Hidden Form
- Adding Buttons to the Form
- Adding a JavaScript Link
- Saving the Form
- New and Delete
- Updating and Deleting a Contact
- Creating a Contact
- Adding Form Validation
- Adding an onvalidate Event Handler
- Validate State
- Recap
- What Next?
- Exercises
- Exercise 1: Adding the Phone Table
- Exercise 2: Adding the Phone Edit Form
- Exercise 3: Additional Functionality
- Data Model