Grid problem: can't select rows with the mouse

Hi!

I've got a problem with highlighting a row by clicking on it. When I use the following code to enter my data from a database into the grid, it works:

var myData = [
      ['data from database'],
               ['data from database'],
               etc.
             ],
  When I use the following code, I can't highlight a row by clicking on it! I have to use the keyboard instead:

var myData = []; 
    
             myData['rowID']= [
               ['data from database']
  This is the rest of my code:

//    create ActiveWidgets Grid javascript object
    var grid = new AW.UI.Grid;
    grid.setStyle('width','99.5%')
    grid.setStyle('height','350px')
    grid.setVirtualMode(false); 

    //    provide cells and headers text
    grid.setCellText(myData);
    grid.setHeaderText(myColumns);
    
    //    yes... this line is correct
    grid.setRowIndices([<%=rowlist%>]); 
        
    //    define data formats
    var str = new AW.Formats.String;
    var num = new AW.Formats.Number;
    var dat = new AW.Formats.Date;
    
    dat.setTextFormat("dd-mm-yyyy")

    grid.setCellFormat([str, str, str, str, dat, dat, str, str, str, str]);    
    
    //    set number of rows/columns (rowcount from database)
    grid.setColumnCount(10);
    grid.setRowCount(<%=i%>);

    //    set headers width/height
    grid.setHeaderHeight(20);
    
    //  set editable on/off
    grid.setCellEditable(false);
    
    //    enable row selectors
     grid.setSelectorVisible(true);
     grid.setSelectorWidth(30);
     grid.setSelectorText(function(i){return this.getRowPosition(i)+1});
    
    //    set row selection
     grid.setSelectionMode("single-row");


    document.write(grid);


            //    on click open record
    grid.onSelectedRowsChanged = function(row){
        nr = grid.getCellValue(1,row)
        ajax_details(nr)
        tabs.setSelectedItems([0]);
    }

    //    NOTE THAT THIS ALSO DOESN'T WORK!!
    grid.onControlClicked =  function(event, row){
        alert('test');
    }
 

I found the problem, although I haven't a solution yet. The problem is that the rowID is not a number. Most of the times it is a string like: '95/015' or '94/O/111'. I need to maintain these rowID's, because I use a filter based on AJAX: I type a criterium, the request is send to an .asp page, the .asp page returns the unique record numbers that match the criterium. These unique numbers are the same as I set as rowID and are used to display the matching records with the obj.setRowIndices('...') command.

The filtering works great, but now I want to be able to select rows with my mouse! How to do this?