How to grey out a selected grid item

Support
1

Hello all,
Please is it possible with Jmix to grey out (make the line item disable) a selected grid item programmatically?

I want to be able to programmatically select a particular grid item out of all items and make it greyed out (disabled).

Please let me know.

Thanks

3

Hi!

It is impossible to disable a row for a DataGrid component.
I can suggest three options.

  1. You can use the part name generator to style the column: UI Samples :: DataGrid PartNameGenerator
  2. If you need to specifically disable elements, you can use ListBox component instead of DataGrid. This component supports disabling items: UI Samples :: ListBox Custom disabled
  3. You can also create your own VirtualList component and define a renderer: UI Samples :: VirtualList inline editor
    This way you can disable the necessary elements.

Best regards,
Dmitriy

5

Hi Dmitriy,
Thanks for your suggestions. I will go through the list and determine which will best satisfy my needs.

Thanks

6

According to me yes it is possible to grey out and disable a selected grid item programmatically in Jmix. You can achieve this by using a combination of conditional styling and event listeners.
Here is a step by step approach you can do this.
Add a selection listener to your grid to detect when an item is selected.
Apply a custom style to the selected item to grey it out.
Disable interactions with the selected item by setting it to not editable or using custom logic to prevent further actions.
Hope this will help you

1 Like
8

Hi Dlisuja,
Thanks for your contribution. I will check out your suggestions here.

Thanks