Disable flex grid depending on a boolean value

Disable flex grid depending on a boolean value

Posted by: samvarth123 on 6 August 2018, 1:26 pm EST

• 

  samvarth123

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 6 August 2018, 1:26 pm EST

  I am using angular 6 and in wijmo flexgrid I want to use css class similar to below to disable flexgrid ,whenever a particular data comes and if data is fine flexgrid should be free to be edited and worked
  
  This css I am using to make it look in a paricular color and disable .I am able to stop pointer events but the color is not getting taken from this css style.
  
  .lockedFields {
  
  pointer-events: none;
  
  background-color :#ffffcc!important;
  
  }

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 7 August 2018, 5:21 am EST

  Hi,

  If we understand correctly then you would like to disable the whole grid on some condition and then format the grid styles if it is disabled.

  If that is the case then you may set isReadOnly property of grid to true, it will add an additional class name ‘wj-state-readonly’ then you may use this class in combination with other grid class like .wj-cells/.wj-header to style the grid.

  Please refer to the following sample which implements the same:-
  
  https://stackblitz.com/edit/angular-73pnpr?file=src%2Fapp%2Fapp.component.css

  ~Manish