Freigeben über

Übersicht der Fabric-Elemente

Fabric-Erweiterungen basieren auf dem grundlegenden Konzept von Elementen. Jede Workload in Microsoft Fabric besteht aus einem oder mehreren Elementtypen, mit denen Benutzer über standardisierte Editoren erstellen, konfigurieren und mit ihnen interagieren können.

Elementbasierte Architektur

Alle Fabric-Workloads folgen einer konsistenten elementbasierten Struktur:

  • Elemente sind die wichtigsten Bausteine, die Benutzer in Arbeitsbereichen erstellen und verwalten.
  • Editoren bieten die Benutzeroberfläche für Benutzer zum Konfigurieren und Arbeiten mit Elementen
  • Komponenten sind die standardisierten Bausteine, aus denen Editoren bestehen

Elementstruktur

Jedes Fabric-Element besteht aus fünf Hauptkomponenten:

- Elementmodell (ItemModel.ts)

Definiert die Datenstruktur und die Eigenschaften, die die Konfiguration und den Zustand des Elements darstellen, die in Fabric gespeichert sind.

Elementeneditor (ItemEditor.tsx)

Die Hauptoberfläche, auf der Benutzer mit dem Element interagieren. Erstellt mithilfe von Standard-Fabric-Komponenten, um Konsistenz zu gewährleisten.

- Leere Ansicht (ItemEditorEmpty.tsx)

Die erste Erfahrung, wenn Benutzer ein Element zum ersten Mal erstellen und Anleitungen zum Onboarding und Setup bereitstellen.

- Detailansicht (ItemEditorDetail.tsx)

Bietet Drilldownnavigation und detaillierte Ansichten für komplexe Elementkonfigurationen und hierarchischen Inhalt.

- Menübandaktionen (ItemEditorRibbon.tsx)

Symbolleistenaktionen, die Benutzer für das Element ausführen können, z. B. Speichern, Einstellungen und benutzerdefinierte Vorgänge.

Standard-Editorkomponenten

Fabric stellt standardisierte Komponenten bereit, die Konsistenz für alle Workloads gewährleisten:

Kern-Editor-Komponenten

  • ItemEditor: Hauptcontainer mit automatischer Layoutverwaltung
  • ItemEditorDefaultView: Zwei-Panel-Layouts mit verkleinerbaren Splittern
  • ItemEditorDetailView: Navigation für Drilldown-Szenarien
  • ItemEditorEmptyView: Standardisierte Erstausführung

Panel-System

  • Linker Bereich: Navigation, Datei-Explorer, OneLake-Ansichten
  • Mittlerer Bereich: Hauptinhaltsbereich mit automatischem Bildlauf
  • Einklappbare Panels: Anpassungsfähige Layouts mit Barrierefreiheits-Unterstützung

Menübandsystem

  • Startsymbolleiste: Standardaktionen wie Speichern und Einstellungen
  • Zusätzliche Symbolleisten: Benutzerdefinierte Aktionen, die für Ihren Elementtyp spezifisch sind
  • QuickInfo-Integration: Konsistente Benutzeroberflächenmuster

Vorteile der Elementstruktur

Konsistenz: Benutzer erhalten eine vertraute Erfahrung in allen Fabric-Workloads

Barrierefreiheit: Integrierte Unterstützung für Tastaturnavigation und Screenreader

Reaktionsfähiges Design: Automatische Layoutanpassungen für unterschiedliche Bildschirmgrößen

Integration: Nahtlose Verbindung mit Fabric-Plattformfeatures wie OneLake, Lineage und Berechtigungen

Entwicklungsansatz

Beim Erstellen von Fabric-Erweiterungen:

  • Beginnen Sie mit dem Elementmodell – Definieren, welche Daten ihr Element speichert
  • Verwenden von Standardkomponenten – Nutzen der standardisierten Editorkomponenten von Fabric
  • Folgen Sie etablierten Mustern – Implementieren von Menübandaktionen, Panellayouts und Navigation konsistent
  • Inhalte anpassen – Füllen der standardisierten Struktur mit Ihrer arbeitslastspezifischen Funktionalität

Wichtige Prinzipien

  • Wiederverwenden von Komponenten: Verwenden sie die Standardkomponenten von Fabric, anstatt benutzerdefinierte Schnittstellen zu erstellen.
  • Standardmuster: Befolgen von etablierten Navigations-, Layout- und Interaktionsmustern
  • Plattformintegration: Nutzen integrierter Fabric-Funktionen für Speicher, Sicherheit und Verwaltung
  • Vertrautheit der Benutzer: Konsistenz mit der breiteren Fabric-Benutzeroberfläche beibehalten

Nächste Schritte

So setzen Sie Elemente in Ihrem Arbeitspensum um:

Ausführliche Dokumentation zu Komponenten finden Sie in der ItemEditor-Dokumentation.

  • Last updated on