Custom checkbox in grid

[ioanaParticipant]

Hi jqWidgets team,

I am using the http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/customrowcelledit.htmm example, but instead of “true” and “false” values need to have the checkbox displayed (so not only in edit mode).
Is there any way to achieve this?

Regards,
Ioana

[DimitarParticipant]

Hello Ioana,

This can be achieved by setting the columntype to “checkbox”, but this will apply to all cells in the column. If you need to have checkbox only in particular rows, you can use cellsrenderer, as shown in the forum topic Query regarding grid column. In this case, however, you will be able to use only the default checkbox and not jqxCheckBox.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[ioanaParticipant]

Hi Dimitar,

thank you for the quick answer.
I have already tried the approach you proposed. The problem is, I can not set the “editable:false” for the column text, as in the provided example (” { text: ‘Units In Stock’, datafield: ‘UnitsInStock’, cellsalign: ‘right’, cellsrenderer: cellsrenderer, width: 100, editable: false }”).
The reason is that the grid is customized in such way that it is possible to have just one cell in the row/column that is a checkbox. All other cells in the same row/column are for example dropdowns (for example).
In order to accomplish this, I used initeditor, geteditorvalue and cellbeginedit as well as the jqxCheckBox element.

I guess you have a picture in mind about what happens in this scenario.
Is there a solution for this scenario?

Regards,
Ioana

[ioanaParticipant]

Hi again,

I found the solution in http://www.jqwidgets.com/disable-editing-of-a-grid-row-or-cell/

Regards,
Ioana

[Author]

Posts