Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I disable check box that is part of Clarity datagrid?

I use Clarity datagrid and I need to disable the checkbox selection under some conditions. I can't find API to do so. Please help and thanks.

like image 627
knt Avatar asked Sep 14 '17 17:09

knt


2 Answers

Disabling selection for specific rows of a datagrid is not available in Clarity yet, but there is a Contributions welcome issue open for it: https://github.com/vmware/clarity/issues/1018

like image 121
Eudes Avatar answered Sep 18 '22 13:09

Eudes


I had similar requirement and ended up implementing the behavior using a custom directive. have a look at: https://plnkr.co/edit/5fQkvG?p=preview

@Directive({
  selector: '[clrDisable]'
})
export class DisableDirective implements OnInit, OnChanges {

  @Input('clrDisable') disabled:boolean

  constructor(private elementRef:ElementRef) {

  }

  ngOnInit(){

  }

  ngOnChanges() {
    let nativeRef = this.elementRef.nativeElement;
    if(this.disabled) {
      nativeRef.classList.add("clr_disabled");
    } else {
      nativeRef.classList.remove("clr_disabled");
    }
  }


}


.clr_disabled{
  pointer-events:none;
  background-color:#ccc;
  opacity:0.5;  
}
like image 30
Suresh Nagar Avatar answered Sep 21 '22 13:09

Suresh Nagar