How to change background color based on checklist click status

How to change background color based on checklist click status

Posted by: soraroid on 26 September 2024, 2:59 am EST

• 

  soraroid

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 26 September 2024, 2:59 am EST

  Hello.

  I’m using checklist functionality in flexgrid.

  When I click on a checklist, I want to change the background color of that row based on the check status.
  
  What should I do?

  Please include the source code.

  Thank you.

• 

  ankit.kumar

  

  • Post Options:
  • Link
    Copy

  Posted 27 September 2024, 7:26 am EST - Updated 27 September 2024, 7:31 am EST

  Hi,

  You could override the “GetCellCssClasses” method of the GridCellFactory class and then append a class if the checkbox value is true.

  Refer to the following code snippet and the attached sample.

      class MyCellFactory: GridCellFactory
      {
          public override IEnumerable<string> GetCellCssClasses(GridCellType cellType, GridCellRange range, C1Thickness internalBorders)
          {
              if (cellType == GridCellType.Cell && (bool)Grid.GetCellValue(new GridCellRange(range.Row, Grid.Columns["Selected"].Index)))
              {
                  return base.GetCellCssClasses(cellType, range, internalBorders).Append("customSelectedClass");
              }
              return base.GetCellCssClasses(cellType, range, internalBorders);
          }
      }

  References:

  GetCellCssClasses method: https://developer.mescius.com/componentone/docs/blazor/online-blazor/C1.Blazor.Grid~C1.Blazor.Grid.GridCellFactory~GetCellCssClasses(GridCellType,GridCellRange,C1Thickness).html

  GridCellFactory Class: https://developer.mescius.com/componentone/docs/blazor/online-blazor/C1.Blazor.Grid~C1.Blazor.Grid.GridCellFactory.html

  GetCellValue method: https://developer.mescius.com/componentone/docs/blazor/online-blazor/C1.Blazor.Grid~C1.Blazor.Grid.FlexGrid~GetCellValue(GridCellRange).html

  Regards,

  Ankit

  CheckList_Background.zip