Check All (header) Checkbox in jqxGrid

[chuckmParticipant]

Hello!

I’m using the jqxGrid, v15 in Angular in a very dynamic way.

I find there are times when the header checkbox isn’t enabled when it should be and I don’t know why.

I decided to try and work around the issue. Technically, it appears that this isn’t a checkbox but a graphic with CSS styling applied. I see a different set of classes applied when the checkbox is or isn’t enabled:

Enabled:
jqx-checkbox-default jqx-fill-state-normal jqx-rc-all

Disabled:
jqx-checkbox-default jqx-fill-state-normal jqx-rc-all jqx-checkbox-disabled-box jqx-checkbox-disabled

Even if I remove the “disabled” classes, the checkbox doesn’t function properly (the click event isn’t firing).

So, I’m trying to determine why the checkbox isn’t enabling, and also if there is a way to force it to enable when needed (technically, it should be enabled when the grid is enabled, this doesn’t always happen).

Any help is appreciated.

Thanks,
Chuck

[svetoslav_borislavovParticipant]

Hi,

Can you please send us a quick demo of the problem? We cannot reproduce the error since we don’t know the settings
We are waiting for you!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[chuckmParticipant]

Here is a demo to show the issue: https://codesandbox.io/s/check-all-checkbox-sometimes-disabled-lg207w?file=/src/app/app.component.ts

Thank you,
Chuck

[svetoslav_borislavovParticipant]

Hi,

You can invoke this.myGridViewChild.disabled(false); before the this.myGridViewChild.endupdate();.
Please see here: https://codesandbox.io/embed/check-all-checkbox-sometimes-disabled-forked-ie5u04?fontsize=14&hidenavigation=1&theme=dark

I hope this helps!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[chuckmParticipant]

Ah, a timing thing, good deal, done and thank you!

[Author]

Posts