LogoLogo
Code RepositoryArtefakt Page
  • 24FS_IMVS17: Generalisierte Auswahlkomponente für das Web UI Toolkit "Kolibri"
    • Abstract
  • Danksagung
  • Inhaltsverzeichnis
  • 1. Einleitung
  • 2. Hintergrund
    • 2.1 Ausgangslage
    • 2.2 Master-Detail-Ansicht
    • 2.3 Zustände in einer Auswahlkomponente
    • 2.4 Browser & HTML-Renderer
  • 3. Existierende Auswahlkomponenten
    • 3.1 HTML Datalist vs. Select
    • 3.2 Browser-Inkonsistenzen
    • 3.3 Länderauswahl-Komponente
    • 3.4 Anwendungsfälle
  • 4. Neue Auswahlkomponente
    • 4.1 Design
    • 4.2 Interaktionen
    • 4.3 Prinzipien & Regeln
    • 4.4 Patterns
    • 4.5 Dropdown-Container
    • 4.6 Performance
    • 4.7 Testing
    • 4.8 Fazit der neuen Komponente
  • 5. Diskussion
    • 5.1 Future Features
  • Verzeichnisse
    • Glossar
    • Quellenverzeichnis
    • Abbildungsverzeichnis
    • Codeverzeichnis
    • Tabellenverzeichnis
  • Anhang
    • A. Aufgabenstellung
    • B. Neue Komponente - Bilder
    • C. Existierende Komponenten - Bilder
      • Select
      • Datalist
    • D. User-Test für Programmierer
      • Code
      • Resultate
    • E. Personas
    • F. Links
    • G. API
Powered by GitBook
On this page
Export as PDF
  1. Verzeichnisse

Codeverzeichnis

3.1 Beispiel – Option

3.2 Beispiel – Select

3.3 Beispiel – Optgroup

3.4 Beispiel – Datalist

3.5 Beispiel – Länderauswahl

4.1 Notwendige CSS-Imports

4.2 Animation zum Öffnen des Popovers

4.3 Event-Handling für Popover-Toggle

4.4 Spiegelstrich der Cursor-Position

4.5 Änderung der Selektion

4.6 Null-Option-Definition

4.7 Select ComponentByTableValue dekoriert SelectComponentByCallback

4.8 Beispiel – Popover-Container

4.9 Workaround für ältere Browser

4.10 Performance-Optimierung

4.11 Inline-Style für Input-Feld

D.1 userTesting.js

D.2 userTesting.html

D.3 starter.js

D.4 dataService.js

PreviousAbbildungsverzeichnisNextTabellenverzeichnis

Last updated 10 months ago

© 2024 Ramona Marti & Lea Burki