Replacement for Multiple Selection in header supports for both IE and Firefox

Normally for multiple selection check box in the grid header will work in Firefox. But it is not supported in IE.

so i think instead of having the check box in the grid header , i use the setSelectorVisible and extra having first column in the grid.
whenever we click the first column in the grid header then all the check box in the grid will selected.

It is working fine in the IE and also in firefox.
But it is not good solution any way now it is ok.

script>
var obj = new AW.UI.Grid;
obj.setCellData(function(col, row){return col + "." + row});
obj.setHeaderText("header");

obj.setColumnCount(10);
obj.setRowCount(10);

obj.setSelectionMode("multi-row");

obj.setSelectorVisible(true);
obj.setSelectorWidth(30);
obj.setSelectorTemplate(new AW.Templates.CheckedItem);

obj.onHeaderClicked=function(event,index)
{
if ( index == 0 ) {
for (var t=0; t<obj.getRowCount(); t++)
{try{obj.getSelectorTemplate(t).setStateProperty("selected", true);}catch(e){}}
}
}
document.write(obj);
</script>

Normally for multiple selection check box in the grid header will work in Firefox. But it is not supported in IE.

so i think instead of having the check box in the grid header , i use the setSelectorVisible and extra having first column in the grid.
whenever we click the first column in the grid header then all the check box in the grid will selected.

It is working fine in the IE and also in firefox.
But it is not good solution any way now it is ok.

script>
var obj = new AW.UI.Grid;
obj.setCellData(function(col, row){return col + "." + row});
obj.setHeaderText("header");

obj.setColumnCount(10);
obj.setRowCount(10);

obj.setSelectionMode("multi-row");

obj.setSelectorVisible(true);
obj.setSelectorWidth(30);
obj.setSelectorTemplate(new AW.Templates.CheckedItem);

obj.onHeaderClicked=function(event,index)
{
if ( index == 0 ) {
for (var t=0; t<obj.getRowCount(); t++)
{try{obj.getSelectorTemplate(t).setStateProperty("selected", true);}catch(e){}}
}
}
document.write(obj);
</script>


by
rohini

Here is the exact solution.
Whenever you are using the multiple check list in the grid header.

You want to disable the header click in which you want the multiple check list.
See the code here,

var Check= new AW.Templates.CheckBox;
grid.setCellTemplate(Check,0);
grid.setCellTooltip('Multiple Selection', 0);\n";
grid.setColumnWidth (25,0);\n";
grid.setFixedLeft(1);
grid.onHeaderClicked = function (event, index) {
if ( index == 0 )
{
return 'disabled';
}

Now it will give the multiple selection in the listview.

By
Rohini