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
Utilizzare database e servizi con gli add-on di Container App
Aggiungere interattività lato server in Blazor 8
C# 12: Cosa c'è di nuovo e interessante
Installare le Web App site extension tramite una pipeline di Azure DevOps
Assegnare un valore di default a un parametro di una lambda in C#
Utilizzare domini personalizzati gestiti automaticamente con Azure Container Apps
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Evitare la command injection in un workflow di GitHub
Utilizzare Model as a Service su Microsoft Azure
Utilizzare Tailwind CSS all'interno di React: primi componenti
Usare le variabili per personalizzare gli stili CSS
Eseguire un metodo asincrono dopo il set di una proprietà in Blazor 8