FLASH: Select Next Item in Datagrid

[fcbastiat]

Is it possible to change the focus in the Datagrid through ActionScript? Right now, I have a Datagrid with a list of external .flv's. When the user selects one, the video begins playing. I would like to create a "next" and "last" button that will change focus on the Datagrid and play the video. Here is what I currently have to play a selected video.

function cellPress(evt_obj:Object) {
    var item = mydgrid.selectedItem;
    tt( mydgrid.selectedItem.name);
    var fName = mydgrid.selectedItem.name
    playMovie(fName);
};

function playMovie(what) {
    this.videoContainer._width = vidWidth;
    this.videoContainer._height = vidHeight;
    stopVideo();
    initNetStream();
    
    ns.setBufferTime(5);
    this.videoContainer.attachVideo(this.ns);
    ns.play(what);
} 

How can I adapt this to make a playNextMovie function? Thanks for your help. I look forward to your suggestions.

[Kostas Zotos]

Hi,

May try this (I added also a "previous" and "fisrt" buttons functionality.. Just in case you may need them):

Use it in a frame eg.1 of your main -root- clip. Requires 4 buttons, in this example named: "nextButton", "previousButton", "firstButton", "lastButton" ):
AS:

function cellPress(evt_obj:Object) { 
    var item = mydgrid.selectedItem; 
    tt( mydgrid.selectedItem.name); 
    var fName = mydgrid.selectedItem.name 
    playMovie(fName); 
    trace(item.label+"  "+mydgrid.selectedIndex)

}; 

// This allows for example the user to use the arrow keys to select a data grid item
mydgrid.addEventListener("change", cellPress)


function playMovie(what) { 
    this.videoContainer._width = vidWidth; 
    this.videoContainer._height = vidHeight; 
    stopVideo(); 
    initNetStream(); 
     
    ns.setBufferTime(5); 
    this.videoContainer.attachVideo(this.ns); 
    ns.play(what); 
} 


var SelectedIndex=0
var ScrollTop=0


nextButton.onRelease=function(){
    SetSelected(1)
}

previousButton.onRelease=function(){
    SetSelected(-1)
}

function SetSelected(Step:Number){
    SelectedIndex=mydgrid.selectedIndex+Step
    if (!SelectedIndex) SelectedIndex=0 
    ScrollTop=SelectedIndex
    UpdateGrid()    
}

firstButton.onRelease=function(){
    SelectedIndex=0
    ScrollTop=0
    UpdateGrid()
}

lastButton.onRelease=function(){
    SelectedIndex=mydgrid.length-1
    ScrollTop=mydgrid.length-mydgrid.rowCount+1
    UpdateGrid()    
}

function UpdateGrid(){
    with (mydgrid){
        setFocus()        
        vPosition=ScrollTop        
        selectedIndex=SelectedIndex        
    }
    cellPress(mydgrid)    
} 

Cheers!

Kostas