Jqx Grid selection checkbox disable

[pranav.jParticipant]

I am trying to disable certain selection checkboxes in jqx grid in Vue. I am using selection mode: checkbox. And I have seen some answers related to it in forum like this:https://stackblitz.com/edit/github-ftjxau?file=src/app/app.component.ts

But my problem is the given answer is okay to disable checkboxes which are currently loaded in grid. But once I scroll down, more data is loaded, and it will disable wrong rows.

Do anyone have idea on how to disable particular selection boxes based on row data?

[ivanpeevskiParticipant]

Hi pranav.j,

Please have a look at the following link:

https://codesandbox.io/s/confident-moore-mi3vn?file=/src/App.vue

Let me know if this fixes your issue!
If you face any other problems, please do not hesitate to contact us again.

Best Regards,
Ivan Peevski
jQWidgets team
https://www.jqwidgets.com

[pranav.jParticipant]

I have already applied this solution. But here all checkboxes which are disabled or enabled look exactly same. I wanted to disable specific row checkboxes like :disable=true in Vue. Or if it is not possible, I want to change css of disable checkboxes. Is it possible?

[ivanpeevskiParticipant]

Hi pranav.j,

Thank you for the additional information.

In this case, you can use our cellsrenderer to gray out the text on the disabled rows or apply any other css rule you wish.
Moreover, inside the .disabled-checkbox class you can style the disabled checkboxes.
Please have a look at the updated sandbox:
https://codesandbox.io/s/confident-moore-mi3vn?file=/src/App.vue

Let me know if this fixes your issue!
If you face any other problems, please do not hesitate to contact us again.

Best Regards,
Ivan Peevski
jQWidgets team
https://www.jqwidgets.com

[killian35Participant]

Hello,

I was looking for examples of how to disable the checkboxes in jqxGrid when using selectionmode: "checkbox" and came across this post. The example links unfortunately no longer work. Is there some other example I can view?

Thank you,
Kelly

[adminKeymaster]

Hi Kelly,

No-built in function for this, but it can be simulated by using a custom column with ‘cellsrenderer’ which displays input with type=”check” then for rows you want, display it as disabled input. Handle the cellclick event of jqxGrid for this column and the selectrow, unselectrow methods from the API to select/unselect a given row.

Regards,
Peter

[killian35Participant]

Thank you for the response.

Following your advice I stumbled upon This Forum Thread which does still have active example code. Through that I was able to create a custom checkbox column as you described.

Thank you,
Kelly

[Author]

Posts