交易控件 JS

作者 StockSharp

交易控件 JS — 面向交易终端的七个现成浏览器面板:活动委托、持仓、成交历史、自选列表、下单、订单簿和成交流。每个组件自行构建 DOM,并通过一个明确的 TradingHost 接入您的应用程序。 7交易控件1宿主接口ESM + IIFE交付格式 委托与投资组合 编辑或撤销活动委托,显示带固定资金余额的持仓,并展示投资组合的成交历史。 实时市场面板 构建带流式行情的自选列表、订单簿梯形报价面...

0 下载量
☆☆☆☆☆ 评分
0 评价
交易控件 JS

交易控件 JS — 面向交易终端的七个现成浏览器面板:活动委托、持仓、成交历史、自选列表、下单、订单簿和成交流。每个组件自行构建 DOM,并通过一个明确的 TradingHost 接入您的应用程序。

7
交易控件
1
宿主接口
ESM + IIFE
交付格式

委托与投资组合

编辑或撤销活动委托,显示带固定资金余额的持仓,并展示投资组合的成交历史。

实时市场面板

构建带流式行情的自选列表、订单簿梯形报价面板,以及可在表格行与气泡图之间切换的公开成交流。

由宿主控制的集成

翻译、权限、投资组合上下文、设置、市场数据和交易回调均通过 TradingHost 传入,而不是依赖隐藏的全局对象。

安装带类型声明的 ESM 包及其样式表:

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);

该包包含 ActiveOrdersWidgetPositionsWidgetTradeHistoryWidgetWatchlistWidgetOrderEntryWidgetOrderBookWidgetTradeFeedWidget。基于表格的面板使用 数据网格 JS;该包还提供 TypeScript 声明、ESM 构建、window.SSTradingControls 浏览器包、共享 CSS,以及可选的明暗主题。

这是一个 UI 库,而不是独立的交易终端、券商连接器或后端。它不会自行建立交易连接或选择账户。宿主负责提供数据、翻译、权限、持久化,以及执行交易操作的回调。公开演示完全采用模拟数据,不使用服务器或网络连接。


用户评价

登录 以撰写评价

暂无评价