Table of Contents
Basic Usage
Create a directory viewer using the k-directory-viewer
component. Load a directory by calling the loadDirectory()
method.
<k-directory-viewer id="dv1"></k-directory-viewer>
<script type="module">
import DirectoryViewer from '/kempo/components/DirectoryViewer.js';
document.getElementById('dv1').loadDirectory();
</script>
JavaScript Reference
Constructor
Extends Component
new DirectoryViewer(handle)
Parameters
handle: FileSystemDirectoryHandle
The handle to the directory.
Requirements
Attributes
hasHandle: boolean
Whether the directory viewer has a handle.
selected: boolean
Whether the directory viewer is selected.
Properties
handle: FileSystemDirectoryHandle
The handle to the directory.
filters: Array
An array of filters applied to the directory viewer.
Methods
loadDirectory(): Promise
Loads a directory using the file picker API.
clearDirectoryHandle(): void
Clears the directory handle.
updateContents(): void
Updates the contents of the directory viewer.
select(): void
Selects the directory viewer.
addFilter(filter): void
Adds a filter to the directory viewer.