Initialise the treegrid with all parent and child checkboxes unchecked

[Alastair WalkerParticipant]

I have set up a treegrid and initialised it with the checkboxes property set to True. On display, I find that the primary level checkboxes are empty, which is required. But the child checkboxes display with a black square box – I assume this is the indeterminate state.

Is there a property / method that sets these child check boxes to be clear?

I have studied the properties and methods, but have not found the solution to my question.

Am I missing something?

(I do not want to set up a loop to individually clear the child checkboxes, as my list is long (several thousands of rows, and this takes a very long time to clear the checkboxes.)

Any help on this matter will be really appreciated!

Many thanks,

Alastair

[Yavor DashevParticipant]

Hi Alastair,

This is the default functionality of the jqxTreeGrid, however I have created a little ‘workaround’ on how to achieve the functionality you want using only CSS(as you mentioned that you have large data set and looping through all the checkboxes).

Here is the code CSS snippet:

         
       .jqx-tree-grid-checkbox[checked].jqx-checkbox-default-light{
            background-color: unset!important;
            border-color: unset!important;
            color: black!important;
        }

        .jqx-checkbox-check-checked-light{
            color: var(--jqx-primary-color);
            background-color: var(--jqx-primary);
            border-color: var(--jqx-primary);
        }  

Let me know if that works for you!

Please, don’t hesitate to contact us if you have any questions!

Best Regards,
Yavor Dashev
jQWidgets team
https://www.jqwidgets.com

[Alastair WalkerParticipant]

Thank you so much! What an excellent idea!

It would never have occurred to me to use the CSS route!

Best regards,

Alastair

[Author]

Posts