:: Forum >>


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.setCellData(function(col, row){return "cell " + col + "." + row});
    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);

    var label = new AW.UI.Label;

    grid.onSelectedRowsChanged = function(rowIndicesArray){
        label.setControlText("rows: [" + rowIndicesArray + "]");
Friday, June 29, 2007
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 ?
Friday, June 29, 2007
Did you copy the image file (checkbox.png)?
Alex (ActiveWidgets)
Friday, June 29, 2007
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.

Friday, June 29, 2007
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.
Friday, June 29, 2007
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.

Friday, June 29, 2007
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}


.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);

Alex (ActiveWidgets)
Friday, June 29, 2007

This topic is archived.

Back to support forum

Forum search