mutually exclusive selection on multiple grids

Is it possible to set the selection in such a way that only one grid has got selections at a time, i.e if i click on other grid all the other grids but the current one should be deselected

i can use the statement
Obj.setProperty("selection/index",-1);
to remove the selection from a grid, but can any one tell me when to use this statement i.e. when i click on grid 1 i should use the statement on grid 2 grid 3 etc ..how to handle the select event on the grids ?

You can link into the grid with the action "selectionChanged". From there you can set the other grids to index -1. So create functions for each grid to 'deselect' the other grids and assign them to the grids with:

function grid1Select(){ 
  grid2.setProperty("selection/index",-1);
  grid3.setProperty("selection/index",-1);
}
function grid2Select(){ 
  grid1.setProperty("selection/index",-1);
  grid3.setProperty("selection/index",-1);
}
function grid3Select(){ 
  grid1.setProperty("selection/index",-1);
  grid2.setProperty("selection/index",-1);
}
grid1.setAction("selectionChanged", grid1Select);
grid2.setAction("selectionChanged", grid2Select);
grid3.setAction("selectionChanged", grid3Select);

Try that

object doesn't support property or method this error message
help me please

i set id for each grid and use
obj.setId('grid1');
.
.
.

var tt = document.getElementById('grid1');
alert(tt); //result [Object]
tt.setProperty("selection/index",-1); //error

object doesn't support property or method this error message
help me please

please help me.

Jim Hunter
i got error stak over flow in your code