ZK5: Component Development Guide

From Documentation

Contents 1 Basic Concepts 2 Component Development 3 Widget Development 4 Configuration 5 Design Mode 6 Customization 7 Miscellanous 8 See Also

Basic Concepts

• Object Oriented Programming in JavaScript
• Widget and Component
• A Simple Example: Label

Component Development

• Overview

• Communicate between Component and Widget
  • Synchronize States to Client
  • Invoke Client Special Functions
  • Notify Server

• Skeletal Component Classes

Widget Development

• Overview

• Rendering and Mold

• DOM Manipulation
  • Bind and Unbind
  • Widget and DOM Events
  • Widget and DOM Access
    • Manipulate DOM Directly
    • Rerender Whole Widget
    • Rerender Portions of Widget

• Communicate between Component and Widget
  • Synchronize States to Client
  • Invoke Client Special Functions
  • Notify Server

• Skeletal Widget Classes

Configuration

• Language Addon (lang-addon.xml)

• Language Configuration (lang.xml)

• Widget Package Descriptor (zk.wpd)

Design Mode

• What is design mode?
• CDG5: How to support design mode?

Customization

• Customize JavaScript Codes

Miscellanous

• How-tos

• ZK Unit Test

• ZK GWT

See Also

• ZK5: JavaScript API

• ZK Light

• Zk.Widget

• Zk.Event

• CDG5: Event Data

• Client Watches

• jsdoc