CodeCharge Studio

CodeCharge Studio Example Pack

The CodeCharge Studio example pack comes in the form of a CodeCharge Studio project within which there are different sub-projects which implement various programming techniques. To create an instance of the CodeCharge Studio example pack, proceed as follows:

In the File menu, select the New --> Project option.
In the Add New Project dialog, click on the Solutions tab and select CCS Example Pack from the available options.
Specify a Name and Path where the project files will be created.
Click OK to create the Project.

The following table contains descriptions of the different examples found in the example pack.

Example Description

Index/Directory Usage

Directory & Path Implementation This example shows how to implement a simple Yellow Pages application that consists of a Path, Directory and a Grid.

Directory Maintenance System This example shows a sample implementation of a system that can be used to manage hierarchical data. In this case, it is the list of categories that are later used in the directory.

Editable Grid Usage

Record Maintenance with Navigation This example shows how to use the editable grid component to maintain individual records while at the same time letting users navigate between the records without having to go back to a grid page to select another record.

Editable Grid with 'Add Row' Button This example shows how to create an Editable Grid in which you can dynamically add empty rows for adding new records. Usually, an editable grid has a set number of empty rows for adding new records. This example shows how the empty rows can be dynamically displayed as needed by clicking on a 'Add Row' button.

Editable Grid with Auto New Rows This example shows how to create an Editable Grid in which new empty rows are automatically added as you progressively enter information now new records. Usually, an editable grid has a set number of empty rows for adding new records. This example shows how the empty rows can be dynamically displayed as the user fills in information. JavaScript code is used to detect whenever new information is added to a field so that a new row can be displayed automatically.

Creating Master/Detail Forms

Simple Master-Detail for Employees/Projects This example shows how to implement a master-detail page consisting of grid, record and editable grid forms. The grid form lists all the 'master' records while the record form and editable grid display detail information for a selected master record.

Master-Detail Form for Order Entry This example shows how to create a master-detail order entry page. A grid form is used to display a list of all the orders while a record and editable grid form display detailed information about a selected order.

Working with Multiple Selections

Updating Many-to-Many via Multi-select ListBox This example shows how to implement a sample record form that allows users to assign multiple employees to a project using a multi-select ListBox. This is an example of a many-to-many relationship whereby one project can have many employees and one employee can have many projects.

Updating Many-to-Many via CheckBox List This example shows how to implement a sample record form that allows users to assign multiple employees to a project using a CheckBox List control. This is an example of a many-to-many relationship whereby one project can have many employees and one employee can have many projects.

Updating Many-to-Many via Two ListBoxes This example shows how to implement a sample record form that allows users to assign multiple projects to an employee using two Listboxes. This is an example of a many-to-many relationship whereby one employee can have many projects and one project can have many employees.

Search Form with Multi-select ListBox This example shows how use a multi-select ListBox in a search form.

Data Presentation Techniques

Grid with Navigable Detail View This example shows how to use Grid forms to traverse multiple records and view their details at the same time. In this case, there is no need to switch between a Grid and a Record form to show record details since a grid with a Navigator controls shows all the records with their details.

Data Input Techniques

Pop-up List & Smart Lookup This example shows an implementation of a pop-up list for selecting values and a smart lookup for quick data entry. The lookup further enhances the process by allowing the user to specify partial information when searching for a manager i.e. the managers initials, first or last name or a partial name.

Multi-Step User Registration This example shows how to create a multi-page user registration and editing form.

Data Entry page with Input Mask This example shows how to create a form with input mask fields.

Other

Using a Multi-Column Primary Key This example shows how to implement a sample record form based on a table that uses a multi-column primary key.

Example	Description
Index/Directory Usage
Directory & Path Implementation	This example shows how to implement a simple Yellow Pages application that consists of a Path, Directory and a Grid.
Directory Maintenance System	This example shows a sample implementation of a system that can be used to manage hierarchical data. In this case, it is the list of categories that are later used in the directory.
Editable Grid Usage
Record Maintenance with Navigation	This example shows how to use the editable grid component to maintain individual records while at the same time letting users navigate between the records without having to go back to a grid page to select another record.
Editable Grid with 'Add Row' Button	This example shows how to create an Editable Grid in which you can dynamically add empty rows for adding new records. Usually, an editable grid has a set number of empty rows for adding new records. This example shows how the empty rows can be dynamically displayed as needed by clicking on a 'Add Row' button.
Editable Grid with Auto New Rows	This example shows how to create an Editable Grid in which new empty rows are automatically added as you progressively enter information now new records. Usually, an editable grid has a set number of empty rows for adding new records. This example shows how the empty rows can be dynamically displayed as the user fills in information. JavaScript code is used to detect whenever new information is added to a field so that a new row can be displayed automatically.
Creating Master/Detail Forms
Simple Master-Detail for Employees/Projects	This example shows how to implement a master-detail page consisting of grid, record and editable grid forms. The grid form lists all the 'master' records while the record form and editable grid display detail information for a selected master record.
Master-Detail Form for Order Entry	This example shows how to create a master-detail order entry page. A grid form is used to display a list of all the orders while a record and editable grid form display detailed information about a selected order.
Working with Multiple Selections
Updating Many-to-Many via Multi-select ListBox	This example shows how to implement a sample record form that allows users to assign multiple employees to a project using a multi-select ListBox. This is an example of a many-to-many relationship whereby one project can have many employees and one employee can have many projects.
Updating Many-to-Many via CheckBox List	This example shows how to implement a sample record form that allows users to assign multiple employees to a project using a CheckBox List control. This is an example of a many-to-many relationship whereby one project can have many employees and one employee can have many projects.
Updating Many-to-Many via Two ListBoxes	This example shows how to implement a sample record form that allows users to assign multiple projects to an employee using two Listboxes. This is an example of a many-to-many relationship whereby one employee can have many projects and one project can have many employees.
Search Form with Multi-select ListBox	This example shows how use a multi-select ListBox in a search form.
Data Presentation Techniques
Grid with Navigable Detail View	This example shows how to use Grid forms to traverse multiple records and view their details at the same time. In this case, there is no need to switch between a Grid and a Record form to show record details since a grid with a Navigator controls shows all the records with their details.
Data Input Techniques
Pop-up List & Smart Lookup	This example shows an implementation of a pop-up list for selecting values and a smart lookup for quick data entry. The lookup further enhances the process by allowing the user to specify partial information when searching for a manager i.e. the managers initials, first or last name or a partial name.
Multi-Step User Registration	This example shows how to create a multi-page user registration and editing form.
Data Entry page with Input Mask	This example shows how to create a form with input mask fields.
Other
Using a Multi-Column Primary Key	This example shows how to implement a sample record form based on a table that uses a multi-column primary key.

On-line, printable versions and updates