Wijmo Angular Wijmo Designer

MESCIUSSoftware-Design-ToolsJavaScript

Visueller Designer für Wijmo-Steuerelemente in der Angular-Entwicklung.

  • Wijmo-Komponenten visuell in Angular entwerfen und konfigurieren.
  • Eigenschaften, Layouts und Datenbindungen interaktiv bearbeiten.
  • Angular-fertige Auszeichnung aus visuellen Konfigurationen generieren.
MESCIUS logo

Preise ab:

Wird geladen...
Verfügbar in
WijmoWird geladen
ComponentOne Studio EnterpriseWird geladen
Brauchen Sie Hilfe bei der Auswahl? Sehen Sie So kaufen Sie und Spezifikationen
Wijmo Angular Wijmo Designer Produktbild
Wijmo Designer für Angular bietet eine visuelle Designfläche zum Erstellen und Konfigurieren von Wijmo-Benutzeroberflächenkomponenten in Angular-Anwendungen. Es ermöglicht Entwicklern, Layouts zu definieren, Komponenteneigenschaften anzupassen und Datenbindungen über eine interaktive Umgebung zu konfigurieren, um die generierte Auszeichnung anschließend direkt in Angular-Projekte zu integrieren.

Visuelle Komponentenkonfiguration

Konfigurieren Sie Wijmo-UI-Komponenten über eine interaktive Designoberfläche. Passen Sie Eigenschaften, Stile und Verhaltensweisen mithilfe von Eigenschafteneditoren an, die die Component-APIs widerspiegeln, sodass Entwickler Steuerelementeinstellungen in der Anfangsphase des Designs festlegen können, ohne Markup manuell zu bearbeiten.

Angular-Vorlagengenerierung

Generieren Sie auf Grundlage der visuellen Konfiguration Angular-kompatible Vorlagen. Der Designer erstellt Auszeichnungen, die mit der Syntax von Angular-Komponenten übereinstimmen, wodurch sich Designs leichter in vorhandene Projekte übertragen und in Einklang mit etablierten Anwendungsstrukturen halten lassen.

Einrichtung der Datenbindung

Definieren und verwalten Sie Datenbindungen visuell für Grids, Diagramme und andere datenbezogene Komponenten. Ordnen Sie Datenquellen Komponenteneigenschaften zu und konfigurieren Sie Bindungspfade, um Entwicklern zu helfen, die Konfiguration vor der Integration in Live-Datenservices der Anwendung zu validieren.

Verwaltung von Layout und Containern

Ordnen Sie Komponenten innerhalb von Layoutcontainern an, um strukturierte Benutzeroberflächen zu erstellen. Passen Sie Ausrichtung, Größe und Positionierung an, um responsive Layouts zu modellieren, und unterstützen Sie dabei gängige Angular-Layoutmuster, die in Unternehmens- und Line-of-Business-Anwendungen verwendet werden.

Eigenschaftsprüfung und -bearbeitung

Untersuchen Sie Komponenteneigenschaften in einem strukturierten Bereich, der konfigurierbare Optionen bereitstellt. Ändern Sie Werte wie Formatierung, Interaktionseinstellungen und visuelle Attribute und sehen Sie die Auswirkungen sofort in der Designfläche.

Unterstützung der Ereigniskonfiguration

Überprüfen und konfigurieren Sie Komponentenevents als Teil des Designs. Identifizieren Sie verfügbare Event-Hooks und bereiten Sie Ereignisbindungen vor, die später im Anwendungscode mit der Angular-Komponentenlogik verbunden werden können.

Anpassungen von Design und Stil

Wenden Sie Styling-Optionen an und testen Sie sie, um zu bewerten, wie Komponenten unter verschiedenen visuellen Einstellungen gerendert werden. Passen Sie darstellungsbezogene Eigenschaften an, um sie vor der Finalisierung der Stile in den Stylesheets der Anwendung an die Designanforderungen des Projekts anzupassen.

Visualisierung der Komponentenstruktur

Zeigen Sie die hierarchische Struktur konfigurierter Komponenten an, um Verschachtelungen und Beziehungen zu verstehen. Diese strukturelle Übersicht hilft dabei, die Übersichtlichkeit in komplexen Formularen und Dashboards mit mehreren interaktiven Elementen zu bewahren.

Integration in Angular-Projekte

Überführen Sie konfigurierte Komponenten in Angular-Anwendungen, indem Sie die generierte Auszeichnung und die Einstellungen einbinden. Der Designer unterstützt einen Workflow, bei dem visuelles Design und Codeimplementierung im Rahmen standardmäßiger Angular-Entwicklungspraktiken zusammenarbeiten.

Produktkompatibilität

Überprüfen Sie die untenstehenden Details, um sicherzustellen, dass dieses Produkt in Ihrer Umgebung unterstützt wird.

Komponententyp

  • JavaScript

JavaScript-Plattform

  • Angular