55.6. 外部组件


在 Business Central 中,您可以在页面中添加外部组件。默认情况下禁用组件。要启用外部组件,请将 dashbuilder.components.enable 系统属性的值更改为 true

外部组件位置已设置并配置有 dashbuilder.components.dir 系统属性。此系统属性的默认值为 /tmp/dashbuilder/components。您必须在带有父目录的组件目录中设置组件,该目录用作组件 ID。例如,如果组件 ID 是 mycomp,并且组件目录为 /tmp/dashbuilder/components,则组件基础目录为 /tmp/dashbuilder/components/mycomp

Business Central 检查组件目录中的 manifest.json 文件。manifest.json 必须至少包含一个 名称 文本参数。

Expand
表 55.5. manifest.json 文件描述
参数描述

name

组件的名称显示在 Components 部分下。

icon

组件显示在 Components 部分下的图标。

noData

表示组件不需要数据集的标记。

parameters

参数列表使用 ComponentParameter 类型。支持的参数类型包括 名称类型类别defaultValue标签强制comboValues

manifest.json 文件示例

{
    "name": "Heat Map Experiment",
    "icon": "fa fa-bell-o",
    "parameters": [
        {
            "name": "svg",
            "type": "text",
            "defaultValue": "",
            "label": "SVG XML",
            "category": "SVG Content"
            "mandatory": true
        },
        {
            "name": "svgUrl",
            "type": "text",
            "defaultValue": "",
            "label": "SVG URL",
            "category": "SVG URL"
            "mandatory": true
        }
        ,
        {
            "name": "ksProcessId",
            "type": "text",
            "defaultValue": "",
            "label": "Process ID",
            "category": "Kie Server"
            "mandatory": true
        }
    ]
}
Copy to Clipboard Toggle word wrap

55.6.1. 创建外部组件

以下流程描述了如何创建外部组件并在页面中添加外部组件:

流程

  1. 在带有父目录的组件目录中设置组件。

    例如,如果组件 ID 是 mycomp,并且组件目录为 /tmp/dashbuilder/components,则组件基础目录为 /tmp/dashbuilder/components/mycomp

  2. 在组件目录中创建 manifest.json 文件。
  3. 创建包含 HTML 内容的 index.html 文件。
  4. 在终端应用中,前往 EAP_HOME/bin
  5. 要启用外部组件,请将 dashbuilder.components.enable 系统属性的值设置为 true

    $ ~/EAP_HOME/bin/standalone.sh -c standalone-full.xml
    -Ddashbuilder.components.dir={component directory base path} -Ddashbuilder.components.enable=true
    Copy to Clipboard Toggle word wrap
  6. 启动 Business Central,进入 Menu Design Pages

    外部组件位于 Components 窗格下。

  7. 组件 窗格中,展开 External Components,并将所需的组件类型拖到 canvas。
  8. 点击 Save
返回顶部
Red Hat logoGithubredditYoutubeTwitter

学习

尝试、购买和销售

社区

关于红帽文档

通过我们的产品和服务,以及可以信赖的内容,帮助红帽用户创新并实现他们的目标。 了解我们当前的更新.

让开源更具包容性

红帽致力于替换我们的代码、文档和 Web 属性中存在问题的语言。欲了解更多详情,请参阅红帽博客.

關於紅帽

我们提供强化的解决方案,使企业能够更轻松地跨平台和环境(从核心数据中心到网络边缘)工作。

Theme

© 2025 Red Hat