tabindex not correct

I have a grid which has 2 rows header, the second row has text boxes for searching the column on server side.
But the problem is when I focus on anyone of the text box, when I click TAB, the cursor will focus on the IE location.

How to set the 'tabindex' correctly? Thanks for any help...

<script>

    //	create ActiveWidgets Grid javascript object
    var obj = new AW.Grid.Extended;

    //	provide cells and headers text
    obj.setCellText(myData);
obj.setHeaderCount(2); 

  for (i=0;i<myColumns.length;i++){ 
eval("var MyInp" + i + "= new AW.UI.Input"); 
eval("MyInp" + i + ".setId('MyInpId" + i + "')"); 
eval("MyInp" + i + ".setAttribute('tabindex', " + (i+1) + ")");
document.styleSheets[document.styleSheets.length-1].addRule("#MyInpId" + i , "width: 100%;height:90%;"); 
eval("MyInp" + i + ".onControlTextChanged = function(){SearchFunction (this)};"); 
} 

    obj.setHeaderText(function(i){ return eval("MyInp" + i ,i); }); 
    obj.setHeaderText(myColumns, 0);
    obj.setRowCount(20);
    obj.setColumnCount(5);
    document.write(obj);

    </script>

setting the tabIndex does strange things to the tabbing order in the page. If you cannot do without using the activewidget control (completely) I suggest you order the controls so you won't need to set the tabIndex attribute.

jack mansons

Yes, tabIndex in AW 2.0 is still broken for many controls.