侧边栏允许节点和插件添加自定义选项卡。
RED.sidebar API向侧边栏添加一个新选项卡。
tab 定义是一个包含以下属性的对象:
| 属性 | 描述 | 
|---|---|
id | 
      此选项卡的唯一 ID。 | 
label | 
      在侧边栏选项卡上显示的文本。这个不应太长。 | 
name | 
      在侧边栏菜单中显示的选项卡名称。 | 
iconClass | 
      要使用的 FontAwesome 4 图标类。例如,"fa fa-database" | 
    
content | 
      包含侧边栏内容的 DOM 元素。 | 
toolbar | 
      (可选)在该选项卡处于活动状态时在侧边栏工具栏中显示的 DOM 元素。 | 
enableOnEdit | 
      (可选)如果设置为 true,当编辑对话框打开时,该选项卡将可访问。默认值:false。 | 
    
action | 
      (可选)用于显示该选项卡的已注册操作的名称。这允许用户分配一个键盘快捷键来切换到该选项卡。 | 
// 侧边栏内容
const content = $("<div>").css({"position":"relative","height":"100%"});
// (可选)侧边栏的工具栏标题
const header = $("<div>", {class:"red-ui-sidebar-header"}).appendTo(content);
RED.actions.add("my-custom-tab:show-custom-tab",function() {
    RED.sidebar.show("my-custom-tab");
});
RED.sidebar.addTab({
    id: "my-custom-tab",
    label: "custom",
    name: "我的自定义选项卡",
    iconClass: "fa fa-database",
    content: content,
    action: "my-custom-tab:show-custom-tab"
});
删除选项卡,如果它存在的话。
如果一个节点作为其 onpaletteadd 函数的一部分添加了一个选项卡,它必须确保
在其 onpaletteremove 函数中调用此 API 来删除它。
RED.sidebar.removeTab("my-custom-tab");
在侧边栏中显示给定的选项卡,如果它存在的话。
RED.sidebar.show("my-custom-tab")
如果选项卡存在于侧边栏中,则返回 true
``` let debugExists = RED.sidebar.containsTab(‘my-custom-tab’);
版权所有 OpenJS Foundation 和 Node-RED 贡献者。保留所有权利。OpenJS Foundation 拥有并使用注册商标。有关 OpenJS Foundation 的商标列表,请参阅我们的 商标政策 和 商标列表。未在 OpenJS Foundation 商标列表 中列出的商标和徽标是其各自持有者的商标™或注册商标®。使用它们并不意味着与它们有任何关联或认可。
OpenJS Foundation | 使用条款 | 隐私政策 | OpenJS Foundation 章程 | 商标政策 | 商标列表 | Cookie 政策