DFLC Lesson - What is a Custom Control

You may not be authorized to see this content. Please contact Data Access Europe for more information.

Cancel Data Access Europe

You are not authorized to see this content.

Cancel Data Access Europe

Custom Controls

Introduction (0m 30s)

What is a Custom Control (2m 49s)

Setting up the workspace (6m 39s)

Web Properties (6m 39s)

Rendering the Control (13m 07s)

DOM manipulation (9m 10s)

Sending and Receiving Data (6m 05s)

Client Actions (4m 55s)

Server Actions (9m 16s)

Events (6m 50s)

JavaScript Libraries (3m 29s)

Next lesson:

Setting up the workspace

Cancel

Lesson 1: What is a Custom Control?

What is a custom control?

Generally, a custom control is a reusable, visible DataFlex component that can be added to any view or WebApp.

There are two sides to controls:

DataFlex: The server side of the control that is a DataFlex class that provides the API’s that the application will work with.
Javascript: The client side of the control that implements the desired features by using the framework’s APIs that will be typically be rendered on screen (visual component). This is achieved by creating a javascript pseudo “class.”

Basic principles of custom controls…

When an object is initialized it will serialize itself and be sent from the server to the client.
Achieved in JSON format, which contains
1. Object name
2. JavaScript class name
3. Web property values
Controls at the client can initiate server calls. This means that they can call on a specific method of a specific object from the client on the server. Parameters are passed along, and the WebApp framework assembles and sends the AJAX call.
Property changes executed on the server will execute setter methods on the control. When the control’s web set web property is executed it will execute a setter method on the client-side portion of that control.
Client actions are action calls from the server to the client, which executes on the client-side portion of the control. Essentially it is a JavaScript function.