checkboxes instead of multiselect

Anyone already implement checkboxes to support multiselect (including an all/nothing checkbox in th columnheader)

Marco

Exactly what i'm looking for too.If somebody has an implementation it will be great. :)

Has anyone found a solution for this as im yet another person trying to work it out :)

Regards,
Matthew

If this were to be posted, I would definetly implement it.

for the cell value, try giving it the html tags of the control you want appear in the cell. It works for me.

However, sorting doesn't seem to work with the value of the control.

to see it working: http://webmail.mbn.ch/table/dyntable.php
the code is http://webmail.mbn.ch/table/multiselect.js (and eventlib.js)

it works technically, but must be designed (hpos and vpos).
[b]I have no clue how to add the toggle button into the top-left corner of the grid.[/b}

// gridasGridObj is a pointer to the grid Object
//  myData is the dataArray
/////////////////////////////////////////////////////
var checkArr = new Array(); // here is the result

/////////////////////////////////////////////////////
function multiCheck(){ // this function onload
    var id = gridasGridObj.getId();
    var count = myData.length;
    var ptr= document.getElementById(id+".layout/left"); //hack to get the numCol
    ptr.style.width="40px";
    for(var i=0; i<count; i++){
        var p = document.getElementById(id+".left.item:"+i+"/box");
        var iX= document.createElement("INPUT");
        iX.setAttribute("type", "checkbox");
        iX.setAttribute("row", i);
        iX.id ="chk_"+i;
        addEvent(iX, "click", toggleOne); // crossbrowser_lib
        var pf = p.appendChild(iX);
    }
}

/////////////////////////////////////////////////////
function toggleAll(){
    var count = myData.length;
    for(var i=0; i<count; i++){
        checkArr[i] = (checkArr[i]) ? false : true;
        var p = document.getElementById("chk_"+i);
        p.checked = checkArr[i];
    }	
}
/////////////////////////////////////////////////////
function toggleOne(e){
    var xthis = (window.event) ? window.event.srcElement : this;
    checkArr[xthis.getAttribute("row")] = xthis.checked
}

Andres, if you want to change the top-left corner you can do the following:

<pre>
if (obj.getSelectionProperty("multiple")){
var ix= document.createElement("INPUT");
ix.setAttribute("type", "checkbox");
var layout = obj.getTemplate("layout");
var corner = layout.getContent("corner");
var cornerBox = corner.getContent("box");
cornerBox.setContent("text",ix);
cornerBox.setStyle("margin","0px");
cornerBox.setStyle("padding-left","3px");
corner.setStyle("padding","0px");
corner.setStyle("margin","0px");
}
<pre>