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
DevExtreme Angular UI Selection Controls offre un set completo di componenti progettati per gestire in modo efficiente le selezioni degli utenti nelle applicazioni Angular. Dai semplici menu a discesa alle griglie di dati complesse, questi controlli offrono funzionalità come ricerca, raggruppamento, diverse modalità di selezione e gestione degli eventi per migliorare l'interazione dell'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