edatagrid: hide cell style in edit mode (SOLVED)

[gordis gmbh]

I am showing a checkbox-image in cells of columns having boolean type (please see the attached screenshot).

The problem is a part of this checkbox-image is visible in the background while editing the field.

How can I temporarily hide / remove the style while in edit mode?

Thanks!

[stworthy]

Please try to remove the 'checkbox' editor from your 'SPOC' column.

[gordis gmbh]

Hello stworthy,

checkbox editor is required for editing the cell. Only the background needs to be temporarily hidden when the checkbox editor is shown.

Please see the example here: http://jsfiddle.net/tk19zpd0/7/

How can I temporarily hide / remove the cell-style while in edit mode?

Also refer the attached screenshot!

[stworthy]

You need to return null from the 'styler' function when editing a row. Please look at this updated example.
http://jsfiddle.net/tk19zpd0/8/

[gordis gmbh]

Hi stworthy.

you just don't return null from the styler but in onBeforeEdit, you also set a flag 'row.isEditing' and refresh the entire row to force a call on the styler.

This is a clear workaround to handle one or two special cases. But in my opinion this should be included in the source..  such that before loading cells with checkbox editor, the styler is set to null by default. In case of other editors, the styling is anyway not visible.

I have some 60 edatagrids with multiple style-based columns. A refresh row for every edit may cause a performance issue as well. Thanks for sharing your opinion.

[stworthy]

The 'styler' is applied to the whole row, regardless whether or not the row is edited. So you have to set some flags to return the corresponding styles in this function. If you only want to display some icons on the column, using the 'formatter' function may be more appropriate. Please look at this example.

http://jsfiddle.net/tk19zpd0/15/

[gordis gmbh]

Very good suggestion stworthy! The 'formatter' fits perfectly for my icon styling. Thanks very much!