Orders und Portfolio
Bearbeiten oder stornieren Sie aktive Orders, zeigen Sie Positionen mit einem fest angehefteten Cash-Saldo und die Trade-Historie des Portfolios an.
Trading-Steuerelemente JS — sieben einsatzbereite Browser-Panels für ein Handelsterminal: aktive Orders, Positionen, Trade-Historie, Watchlist, Ordererfassung, Orderbuch und Trade-Feed. Jede Komponent...
Trading-Steuerelemente JS — sieben einsatzbereite Browser-Panels für ein Handelsterminal: aktive Orders, Positionen, Trade-Historie, Watchlist, Ordererfassung, Orderbuch und Trade-Feed. Jede Komponente erstellt ihr eigenes DOM und bindet sich über genau einen expliziten TradingHost in Ihre Anwendung ein.

Bearbeiten oder stornieren Sie aktive Orders, zeigen Sie Positionen mit einem fest angehefteten Cash-Saldo und die Trade-Historie des Portfolios an.
Erstellen Sie eine Watchlist mit Streaming-Kursen, eine Orderbuch-Leiter und einen öffentlichen Trade-Feed, der zwischen Tabellenzeilen und einem Blasendiagramm wechseln kann.
Übersetzungen, Berechtigungen, Portfoliokontext, Einstellungen, Marktdaten und Trading-Callbacks gelangen über TradingHost hinein statt über versteckte globale Variablen.
Installieren Sie das typisierte ESM-Paket und sein Stylesheet:
import { PositionsWidget } from '@stocksharp/trading-controls';
import '@stocksharp/trading-controls/styles.css';
import '@stocksharp/trading-controls/theme.css'; // optional ready-made palette
const positions = PositionsWidget.create(document.querySelector('#positions'), {}, {
host,
closePosition: (portfolio, instrument) => api.close(portfolio, instrument),
reversePosition: (portfolio, instrument) => api.reverse(portfolio, instrument),
refreshPositions: () => reload(),
});
positions.update(rows);
Das Paket enthält ActiveOrdersWidget, PositionsWidget, TradeHistoryWidget, WatchlistWidget, OrderEntryWidget, OrderBookWidget und TradeFeedWidget. Tabellenbasierte Panels verwenden Datentabelle JS; außerdem liefert das Paket TypeScript-Deklarationen, einen ESM-Build, das Browser-Bundle window.SSTradingControls, gemeinsames CSS und ein optionales Hell-/Dunkel-Theme.
Dies ist eine UI-Bibliothek, kein eigenständiges Handelsterminal, Broker-Konnektor oder Backend. Sie öffnet keine Handelsverbindungen und wählt nicht selbstständig ein Konto aus. Ihr Host liefert Daten, Übersetzungen, Berechtigungen, Persistenz und die Callbacks, die Handelsoperationen ausführen. Die öffentliche Demo ist vollständig simuliert und nutzt weder einen Server noch eine Netzwerkverbindung.