checkbox

Hi there,

i may be doing somethig really stupid but the checkboxes on my grid are just not showing up. i wonder if there is a property to be set to make them visible. I tried copying the code from the example that shows the checkbox but even that is not show the checkbox in my project. Ive looked thru a lot in the forum but nothing is helping. Any leads will be greatly appriciated.

var grid = new AW.UI.Grid;
    grid.setId("myGrid");
    grid.setCellData(function(col, row){return "cell " + col + "." + row});
    grid.setColumnCount(5);
    grid.setRowCount(20);
    grid.setSelectionMode("multi-row-marker"); // set selection mode to multiple rows with checkboxes
    
    //grid.setCellTemplate(new AW.Templates.Checkbox, 0);
    //var chk = new AW.Templates.Checkbox; 
    //grid.setCellTemplate(chk, 0);
    
    grid.refresh();

    var label = new AW.UI.Label;
    label.setId("myLabel");
    label.refresh();

    grid.onSelectedRowsChanged = function(rowIndicesArray){
        label.setControlText("rows: [" + rowIndicesArray + "]");
    }

guys i can see the extra space on the left side of the text where the checkbox should be but i dont see the checkbox itself. Could this have something to do with the css ?

Did you copy the image file (checkbox.png)?

aah that might be the problem, thanks Alex. I see that in the aw.css there is an entry .aw-toggle-checkbox .aw-item-marker {background-image:url(checkbox1.png)} and
.aw-ui-checkedlist .aw-toggle-checkbox .aw-item-marker {background-image:url(checkbox2.png)}
Do i need to add checkbox1.png and checkbox2.png. These images dont look like the right ones. i still tried and the checkbox didnt show up.

Thanks

Got it working.
Thanks a ton Alex. Now one last question to save the day. Is there a way to have checkboxes in alternate rows and not have the user to press the control key if he needs to multi select?

Greatly appriciate your responses.

Alex - as an alternative to the above is it possible to have checkboxes on select rows in the selector. I know we can do that for all rows using grid.setSelectorTemplate(new AW.Templates.CheckedItem); , but can we apply it to select rows.

Thanks

You can hide checkboxes in odd/even rows using the combination of .aw-alternate-odd and .aw-item-marker selectors, for example

.aw-alternate-odd .aw-item-marker {display: none}

or

.aw-alternate-odd .aw-item-marker {visibility: hidden}

You can also add column index and/or grid id# selectors if necessary -

#myGrid .aw-alternate-odd .aw-column-0 .aw-item-marker {display: none}


It is also possible to assign checkbox template to a particular row(s) -

grid.setSelectorTemplate(new AW.Templates.CheckedItem, 0);