Show individual times for the initialization and creation of each form element. : Form « Components « Flex

1. Flex
2. Components
3. Form

Show individual times for the initialization and creation of each form element.

           

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->


    <!-- optimize/ShowElapsedTime.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
    xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark"
    initialize="init()" height="700">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Script> 
        [Bindable] 
        public var dp:Array = [ 
            {food:"apple", type:"fruit", color:"red"}, 
            {food:"potato", type:"vegetable", color:"brown"}, 
            {food:"pear", type:"fruit", color:"green"}, 
            {food:"orange", type:"fruit", color:"orange"}, 
            {food:"spinach", type:"vegetable", color:"green"}, 
            {food:"beet", type:"vegetable", color:"red"} 
            ]; 
        public var sTime:Number; 
        public var eTime:Number; 
        public var pTime:Number; 
        private function init():void { 
            f1.addEventListener("preinitialize", logPreInitTime, true); 
            f1.addEventListener("creationComplete", logCreationCompTime, true); 
        } 
        private var isFirst:Boolean = true; 
        private function logPreInitTime(e:Event):void { 
            // Get the time when the preinitialize event is dispatched. 
            sTime = getTimer(); 
            trace("Preinitialize time for " + e.target + ": " + sTime.toString()); 
        } 
        private function logCreationCompTime(e:Event):void { 
            // Get the time when the creationComplete event is dispatched. 
            eTime = getTimer(); 
            /* Use target rather than currentTarget because these events are 
            triggered by each child of the Form control during the capture 
            phase. */ 
            trace("CreationComplete time for " + e.target + ": " + eTime.toString()); 
        } 
      </fx:Script>
    <mx:Form id="f1">
        <mx:FormHeading label="Sample Form" id="fh1" />
        <mx:FormItem label="List Control" id="fi1">
            <mx:List dataProvider="{dp}" labelField="food" id="list1" />
        </mx:FormItem>
        <mx:FormItem label="DataGrid control" id="fi2">
            <mx:DataGrid width="200" dataProvider="{dp}" id="dg1" />
        </mx:FormItem>
        <mx:FormItem label="Date controls" id="fi3">
            <mx:DateChooser id="dc" />
            <mx:DateField id="df" />
        </mx:FormItem>
    </mx:Form>
</s:Application>

   
    
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Making use of form-related containers
2.	Form Radio button group
3.	Login form and get password back form
4.	Add submitForm() and debugMessage() functions as click event handlers
5.	Register the submitForm() and debugMessage() handler functions with b1's click event
6.	Clear form fields
7.	Form item label
8.	Empty form tag
9.	FormHeading control
10.	A form for first name, last name, address, city, zip code and country
11.	Form Text required field
12.	submit function can access the form control data directly
13.	Populating a Form control from a data model
14.	Switch form with Transition
15.	Form control bar
16.	Form field with Label
17.	Add the submitForm() and debugMessage() functions as handlers of the click event:
18.	Register the submitForm() and debugMessage() handler functions
19.	Add form header to a form
20.	Bind form input control to Model
21.	Form label with icon
22.	One form two FormHeadings
23.	Model data and form controls
24.	Password form field
25.	Contact Editor Form
26.	Travel form
27.	Form with ControlBar
28.	Form Multiple Headings
29.	Adding border to Form
30.	defines the FormHeading control
31.	Using Form controls to hold your form data
32.	The submit function can access the form control data directly,
33.	Form Data Model Value
34.	A form that reads static data from a data model to obtain the value for a form field
35.	Adding a load event and a fault event to the form.
36.	Select a value for the formatString property from the drop-down list
37.	Register a single listener function, submitForm(), with two different buttons
38.	Form Button
39.	Form default button
40.	The form and the buttons overlap as the application grows smaller, for example.
41.	Form with Button
42.	Login Example
43.	Checking the box could make the user e-mail field required