Set selected index for DataGrid

     

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        
            import mx.collections.ArrayCollection;
            import mx.events.CuePointEvent;
            import mx.events.VideoEvent;

            [Bindable]
            private var arrColl:ArrayCollection = new ArrayCollection()

            private function doVideoEvent(evt:VideoEvent):void {
                doAddItem({type:evt.type});
            }

            private function doCuePointEvent(evt:CuePointEvent):void {
                doAddItem({type:evt.type});
            }

            private function doProgressEvent(evt:ProgressEvent):void {
                doAddItem({type:evt.type});
            }

            private function doAddItem(obj:Object):void {
                arrColl.addItem({type:obj.type, state:videoDisplay.state, playheadTime:videoDisplay.playheadTime, totalTime:videoDisplay.totalTime});
                dataGrid.validateNow();
                dataGrid.selectedIndex = arrColl.length;
                dataGrid.scrollToIndex(arrColl.length);
            }
      
    </mx:Script>

    <mx:VideoDisplay id="videoDisplay" source="http://server.com/a.flv" 
            autoPlay="false" 
            autoRewind="false"
            ready="doVideoEvent(event);"
            rewind="doVideoEvent(event);"
            playheadUpdate="doVideoEvent(event);"
            close="doVideoEvent(event);"
            complete="doVideoEvent(event);"
            progress="doProgressEvent(event);" />

    <mx:HBox>
        <mx:Button label="play()" click="videoDisplay.play();" />
        <mx:Button label="pause()" click="videoDisplay.pause();" />
        <mx:Button label="stop()" click="videoDisplay.stop();" />
    </mx:HBox>

    <mx:DataGrid id="dataGrid" dataProvider="{arrColl}" width="320" rowCount="5">
        <mx:columns>
            <mx:DataGridColumn id="typeCol"         dataField="type" headerText="Evt. type" />
            <mx:DataGridColumn id="stateCol"        dataField="state" />
            <mx:DataGridColumn id="playheadTimeCol" dataField="playheadTime" textAlign="right" />
            <mx:DataGridColumn id="totalTimeCol"    dataField="totalTime" textAlign="right" />
        </mx:columns>
    </mx:DataGrid>

</mx:Application>

Related examples in the same category

1.	Scroll DataGrid
2.	Variable row heights
3.	Multi-line data grid row
4.	variable scope for DataGrid
5.	Creating inline item renderer and editor
6.	Using a DataGrid
7.	Formatting grid lines with CSS
8.	Set editing position for DataGrid
9.	Append new value to DataGrid from Form fields
10.	Item click event for DataGrid
11.	Editable DataGrid
12.	Variable row height DataGrid
13.	DataGrid change event
14.	Use Panel to layout controls and hold DataGrid
15.	DataGrids take a dataProvider to populate them
16.	Default setting for DataGrid
17.	Call HTTP server and set result to DataGrid
18.	Binding XML to DataGrid
19.	DataGrid Configuration through ActionScript
20.	DataGrid Validate Now
21.	DataGrid Validate Now Selected index
22.	DataGrid with static string values
23.	DataGrid Data
24.	DataGrid Events
25.	Sort a DataGrid
26.	Inline DataGrid Image Scope
27.	Print DataGrid out
28.	Enabling the user to move many items at once
29.	data provider contains fields for an artist, album name, and price.

Set selected index for DataGrid : DataGrid « Grid « Flex

Related examples in the same category