DevExtreme Angular UI Selection Controls

DevExpressControlli di selezione dell'interfaccia utenteJavaScript

Controlli di selezione Angular versatili per interfacce utente ricche.

  • Include SelectBox per la selezione degli elementi con ricerca e raggruppamento.
  • Il componente List supporta le modalità di selezione singola, multipla e di tutti gli elementi.
  • DataGrid offre una selezione avanzata delle righe con opzioni differite e batch.
DevExpress logo

Prezzi da:

Caricamento...
Disponibile in
DevExtreme CompleteCaricamento
DevExpress DXperienceCaricamento
DevExpress UniversalCaricamento
DevExpress VCL Subscription +Caricamento
Hai bisogno di aiuto per scegliere? Vedi Come acquistare e la specifica
immagine del prodotto DevExtreme Angular UI Selection Controls
I controlli di selezione DevExtreme Angular UI offrono un set completo di componenti progettati per gestire in modo efficiente le selezioni degli utenti nelle applicazioni Angular. Dalle semplici menu a discesa alle complesse griglie dati, questi controlli offrono funzionalità come ricerca, raggruppamento, modalità di selezione multipla e gestione degli eventi per migliorare l'interazione con l'utente e la gestione dei dati.

SelectBox Component

Fornisce un editor a discesa che consente agli utenti di selezionare o aggiungere valori da un elenco. Supporta funzionalità come il data binding ad array o a sorgenti esterne, la funzionalità di ricerca, il raggruppamento degli elementi e la personalizzazione del menu a discesa con opzioni popup.

List Selection Modes

Consente la selezione degli elementi all'interno di un elenco usando le modalità singola, multipla o tutti gli elementi. Include caselle di controllo per indicare le selezioni e consente la selezione tramite clic o esclusivamente tramite caselle di controllo.

Selection Controls in List

Le opzioni includono la visualizzazione delle caselle di controllo di selezione, il controllo della selezione tramite clic e la gestione del comportamento di seleziona tutto su tutti gli elementi o sui dati paginati. Supporta la gestione degli eventi per le modifiche della selezione, così da rispondere alle azioni dell'utente.

DataGrid Row Selection

Supporta la selezione di una o più righe con caselle di controllo in una colonna di selezione dedicata. Include funzionalità come seleziona tutto/deseleziona tutto con modalità per destinare tutte le pagine o la pagina corrente, e la selezione differita per migliorare le prestazioni su dataset di grandi dimensioni.

Deferred Selection in DataGrid

Consente di posticipare le operazioni di selezione caricando i dati solo quando necessario, migliorando le prestazioni con origini dati di grandi dimensioni, soprattutto quando gli utenti selezionano tutti i record.

Selection Event Handling

Tutti i componenti emettono eventi come le modifiche del valore o dello stato di selezione, consentendo agli sviluppatori di implementare logiche personalizzate quando gli utenti selezionano o deselezionano elementi o righe.

Initial and Runtime Selection APIs

Metodi e proprietà consentono agli sviluppatori di impostare programmaticamente le selezioni iniziali, modificare le selezioni in fase di esecuzione e interrogare le chiavi o i dati selezionati, offrendo flessibilità per scenari applicativi dinamici.

Customization and Integration

I componenti supportano la personalizzazione tramite modelli, raggruppamento, filtro e regolazioni del popup. Si integrano nelle applicazioni Angular seguendo le pratiche standard di importazione di componenti e moduli.

Compatibilità del prodotto

Esamina i dettagli riportati di seguito per assicurarti che questo prodotto sia supportato nell'ambiente in uso.

Tipo di componente

  • JavaScript

Piattaforma JavaScript

  • Angular