Shop
Anmelden
MindFusion

WindowHost Steuerung

Die perfekte Möglichkeit, mehrere Fenster-Instanzen zu rendern.
Download Aus npm installieren

Ein UI-Container, der den Unterschied macht

Leicht und leistungsstark, bietet Ihnen der WindowHost verschiedene integrierte Funktionen, die Ihre Benutzer begeistern.

Die Fenster-Sammlung

Jeder WindowHost kann beliebig viele Unterfenster haben, die in der Windows Collection-Eigenschaft gespeichert sind. Sie können sie als Instanzen der Klasse Window anlegen oder über die Data-Eigenschaft laden. Die Eigenschaft activeChild sagt Ihnen, welches das aktive Fenster im Moment ist.

Online Beispiel: Json Parser Anwendung

Toolstrip-s

Jeder WindowHost kann 3 verschiedene Item-Strips darstellen. Die Befehlsleiste ist schwebend und rendert Schaltflächen zum Minimieren, Maximieren, Kacheln und Schließen von Fenstern. Der minimierte Streifen enthält die Kopfzeilen der minimierten Fenster und der maximierte Streifen - die Kopfzeilen der maximierten Fenster.

Online Beispiel: Eine Projektmanagementanwendung, die den maximierten Toolstrip verwendet.

Eine JavaScript Projektmanagementanwendung
JavaScript Beispiel Dialog

Dialoge

Der WindowHost stellt Methoden zum Rendern der 3 gängigsten Arten von Dialogen zur Verfügung: Ja/Nein, Info und Eingabedialog. Auf diese Weise können Sie Ihren Benutzern bequem Daten über die Anwendung zur Verfügung stellen oder Benutzereingaben erfassen.

Online Beispiel: Demonstration der verfügbaren Dialoge

Styling und Themen

Das Aussehen des WindowHost-Controls wird durch Themes bestimmt. Mit den UI-Controls steht eine Reihe von CSS-Themen zur Verfügung, die Sie beliebig bearbeiten können. Es gibt auch die cssClass-Eigenschaft, mit der Sie den WindowHost-Instanzen ein benutzerdefiniertes Styling zuweisen können, das Vorrang vor dem Styling hat, das durch ein Design festgelegt wurde.
JavaScript WindowHost Control mit Peach Theme
JavaScript-Chat-Anwendung mit dem WindowHost-Steuerelement

Interaktion

Sie können den Status der verschiedenen Fenster, die vom WindowHost gehostet werden, über eine Reihe von Methoden und Eigenschaften steuern. Sie können sie minimieren oder maximieren, ein- und ausblenden. Sie können ein bestimmtes Fenster öffnen oder schließen sowie seine Z-Reihenfolge im Stapel der gerenderten Fenster ändern.

Online Beispiel: Fenster im WindowHost-Control
API-Übersicht: WindowHost

Ereignisse

Es steht eine Reihe von Ereignissen zur Verfügung, um Sie über jede Aktion zu informieren, die der Benutzer am WindowHost durchführt oder durchgeführt hat. Zu den Aktionen, die Ereignisse auslösen, gehören Öffnen und Schließen eines Fensters, Ändern des Fensterzustands oder Ändern des Fokus.

Online Beispiel: Windows und ein WindowHost-Control
Online-Dokumentation: Die WindowHost-Klasse

JavaScript WindowHost Steuerelement mit Fenster-Instanzen

JavaScript Paket von Komponenten

Copyright © 2001-2024 MindFusion LLC. Alle Rechte vorbehalten.
Nutzungsbedingungen - Kontakt