Multiple selection in TypeScript File Manager component

18 Nov 20181 minute to read

The File Manager component supports multiple selection by enabling the allowMultiSelection property (enabled by default). Use the Ctrl or Shift keys while selecting items to create multi-selection ranges; checkboxes can also be used. Use Ctrl + A to select all items in the current directory. The fileSelect is triggered whenever items are selected or unselected.

Note: The File Manager control supports selecting files and folders initially or dynamically by specifying their names in the selectedItems property.

Range selection

The File Manager control supports selecting files and folders in specific ranges through mouse drag, similar to File Explorer. This is especially useful in scenarios where users need to select a large group of files quickly without manually clicking each one.

Disable multi selection

Setting the allowMultiSelection property to false will prevent you from selecting multiple files or folders with standard selection methods. However, you can still select multiple items if checkboxes are visible. To fully disable all multi-selection capabilities, you must also set the showItemCheckBoxes property to false. This ensures that you cannot use checkboxes for multiple selections.