0
832
VistasKendo-Angular: deshabilite el botón de selección de archivo en kendo-upload
He implementado la carga de kendo en mi proyecto angular.
componente.html
<kendo-upload #upload [autoUpload]="false" (select)="onSelectEvent($event)" (remove)="onRemoveEvent($event, upload)" (upload)="onUploadEvent($event)" [multiple]="false" [restrictions]="myRestrictions"> </kendo-upload> 
Quiero deshabilitar el botón 'Seleccionar archivo' una vez que el archivo se selecciona como en la imagen y habilitarlo una vez que el usuario haga clic en el botón Borrar o 'X'.
Por favor, ayúdenme con sus sugerencias ya que soy nuevo en Kendo y no pude encontrar la documentación.
·
Santiago Trujillo
1 Respuestas
Responde la pregunta0
La carga de archivos ofrece un atributo de desactivación. Aquí hay una demostración:
https://www.telerik.com/kendo-angular-ui/components/uploads/upload/disabled-state/
Así por ejemplo:
<kendo-upload [disabled]="hasFile$ | async"> </kendo-upload>Donde hasFile$ es:
public hasFile$ = new BehaviorSubject(false);Si solo usa un booleano en lugar de un observable, la detección de cambios no lo detectará
Para deshabilitar solo el botón y no el resto de la carga:
(this.upload.fileSelectButton.nativeElement as HTMLElement).classList.add('k-state-disabled');
·
Santiago Trujillo
Denunciar
Responde la pregunta