Shop
Anmelden
MindFusion

JS ToolStrip

Eine intuitive Möglichkeit, dem Benutzer wichtige Befehle und Einstellungen zu präsentieren.
Download Aus npm installieren

Eine klassische UI-Bibliothek mit modernem Design.

Das Toolstrip-Control unterstützt eine Vielzahl von Anpassungsoptionen und Ereignissen, mit denen Sie mit wenig Aufwand und Programmierung die perfekte Symbolleiste erstellen und gestalten können.

JS ToolStrip

Elemente

Toolstrip-Elemente können aus JavaScript-Objekten oder einer als String angegebenen HTML-Vorlage geladen werden. Sie können Bilder und Texte berechnen und ausgeben und Tooltips unterstützen. Elemente können unterschiedlich groß und versteckt oder sichtbar sein.

Online Beispiel: Eine Chat-Anwendung mit dem ToolStrip Control
Online-Dokumentation: ToolStripItem Klassenmitglieder

Interaktion

Der Toolstrip unterstützt Drag & Drop, wodurch der Benutzer Elemente entlang der Symbolleiste verschieben kann. Der Streifen kann auf- und zugeklappt werden; das Scrollen wird für längere Streifen unterstützt, die nicht alle Elemente im sichtbaren Bereich darstellen können. Benutzer können mehrere Elemente auswählen.

Online Beispiel: Json Parser-Anwendung, die eine Symbolleiste verwendet.

JavaScript Tool Bar: Json Parser

Design und Themen

Die Symbolleiste und ihre Elemente werden über CSS-Themes angepasst. Eine spezielle cssClass-Eigenschaft ermöglicht es Ihnen, dem Strip eine benutzerdefinierte CSS-Klasse zuzuweisen, deren Einstellungen die des Themes überschreiben. Darüber hinaus können Sie die Größe der Elemente und die Größe der Symbolleiste sowie deren Position und Ausrichtung festlegen.

Online Beispiel: Ein ToolStrip mit Themen

Methoden

Eine Reihe von Methoden ermöglicht es Ihnen, die Toolstrip-Daten von Json-Instanzen oder JavaScript-Objekten zu laden und die Toolbar-Daten in einen Json-String zu exportieren. Sie können Elemente programmgesteuert auswählen und abwählen sowie den Toolstrip auf- und zuklappen.

Online Beispiel: Ein einfacher Browser, der einen ToolStrip verwendet.
API-Übersicht: ToolStrip und ToolStripItem

JavaScript SimpleBrowser-Anwendung mit einer Symbolleiste
JavaScript Tool Box Beispiel

Ereignisse

Das umfangreiche Ereignis-Set bietet Ihnen Benachrichtigungen über jede Aktion, die der Benutzer ausführt oder durchgeführt hat. Die Benachrichtigungen ermöglichen es Ihnen, die Aktion abzubrechen. Ereignisse werden für alle Arten der Benutzerinteraktion ausgelöst: Drag, Drop, Click, Select. Sie können sich auch benachrichtigen lassen, wenn Elemente geändert werden oder die Steuerung im Mittelpunkt steht.

Online Beispiel: Project Manageent Anwendung mit ToolStrip
Online Dokumentation: ToolStrip Klasse

JavaScript Paket von Komponenten

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