【Reise mit HarmonyOS Next】ArkTS-basierte Entwicklung (3) -> JS-kompatible Web-Entwicklung (4) -> Gemeinsame Komponenten (1)

Die List-Komponente wird verwendet, um eine Liste von Elementen gleicher Breite anzuzeigen, die sich zur Darstellung von aufeinanderfolgenden Daten eignet. Um eine List-Komponente zu erstellen, fügen Sie sie der HML-Datei im Verzeichnis `pages/index` hinzu und gestalten Sie sie mit CSS. Die List-Komponente hat Unterkomponenten wie List Item und List Item Group, die verwendet werden können, um Listen-Gruppierungsfunktionen zu implementieren. Die Eigenschaft `scrollbar` kann auf `ON` gesetzt werden, um einen Scrollbalken auf der rechten Seite des Bildschirms zu erzeugen. Die Eigenschaft `indexer` kann gesetzt werden, um eine Indexleiste am rechten Rand der Liste anzuzeigen. Die List-Komponente unterstützt auch das Zusammen- und Aufklappen von Listen mithilfe der Ereignisse `groupcollapse` und `groupexpand`. In einem Szenario-Beispiel wird die List-Komponente verwendet, um Kontakte basierend auf einem alphabetischen Index zu suchen. Die Dialog-Komponente wird verwendet, um benutzerdefinierte Pop-up-Fenster zu erstellen, die durch eine Button-Komponente ausgelöst werden können. Die Dialog-Komponente unterstützt nur bestimmte Attribute und Stile und unterstützt keine dynamischen Aktualisierungen oder die Attribute `focusable` und `click-effect`. Schließlich ist die Form-Komponente ein Formular-Container, der das Absenden und Zurücksetzen von Inhalten der Input-Komponente unterstützt und mit verschiedenen Attributen und Ereignissen gestaltet und angepasst werden kann.