JavaScript Class Framework
Control class demo
This demo shows how to use Cfx to build JavaScript controls as a resuable and object-orinented class heirarchy.
 
JavaScript Controls >>>
The controls on the form are contained by the CfxWebFormOptions control. It consists of 5 CfxText controls and a CfxSelect control to obtain the user name and address. It has a button element for submitting the form and a CfxHistoryOptions control containing a CfxRadioSet control with affiliated CfxSelect controls.
 
A Client Approach >>>
Cfx sets up the client events -- a departure from the typical ASP.NET approach of adding event attributes to controls. Using Cfx can reduce server-side ASP.NET code shifting client side issues to JavaScript.
 
Specifying Input >>>
The demo validates that the user name is entered and a valid history option is selected. You can submit the form hitting the enter key or using the submit button. The form will notify you of any validation errors.
 
Benchmarks >>>
The demo displays the load and validation time in milliseconds. This will give you an feel of Cfx efficiency. Its efficiency should encourage its use and writing JavaScript using OOP techniques.
 
Enjoy Using Cfx!
Name
 
Address
 
City State Zip
 
Select History Option
Default
By Month
By Year