如何禁用属于Clarity数据网格的复选框?

时间:2017-09-14 17:55:31

标签: clarity vmware-clarity

我使用Clarity数据网格,我需要在某些条件下禁用复选框选择。我无法找到API来执行此操作。请帮助和谢谢。

2 个答案:

答案 0 :(得分:4)

尚未在Clarity中提供禁用数据网格特定行的选择,但有一个Contributions welcome问题可供选择:https://github.com/vmware/clarity/issues/1018

答案 1 :(得分:2)

我有类似的要求,最后使用自定义指令实现行为。 看一下: 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;  
}