Negli script precedenti abbiamo visto come muovere tramite Drag&Drop gli elementi di una lista per permetterne l'ordinamento o lo spastamento in altre liste. Questi script partivano dall'assunto che ogni elemento potesse essere spostato. Tuttavia ci sono casi in cui alcuni elementi non devono poter essere spostati dall'utente. In questi casi dobbiamo usare la direttiva cdkDragDisabled che accetta un boolean che specifica se l'elemento può essere mosso o meno dall'utente.
<div cdkDropList (cdkDropListDropped)="drop($event)"> <div *ngFor="let p of people" cdkDrag [cdkDragDisabled]="!p.draggable"}}>{{p.value}}</div> </div>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare un'applicazione React e configurare Tailwind CSS
Creare alias per tipi generici e tuple in C#
Miglioramenti nelle performance di Angular 16
Utilizzare la session affinity con Azure Container Apps
Generare token per autenicarsi sulle API di GitHub
Eseguire una query su SQL Azure tramite un workflow di GitHub
Generare file per il download da Blazor WebAssembly
Utilizzare il trigger SQL con le Azure Function
Sfruttare al massimo i topic space di Event Grid MQTT
Sfruttare lo stream rendering per le pagine statiche di Blazor 8
Evitare la script injection nelle GitHub Actions
Eseguire attività pianificate con Azure Container Jobs
I più letti di oggi
- Utilizzare il trigger SQL con le Azure Function
- Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
- Come EF 8 ha ottimizzato le query che usano il metodo Contains
- .NET Conference Italia 2023 - Milano e Online
- Ottimizzazione dei block template in Angular 17
- Definire stili a livello di libreria in Angular