节点

前言 最近有读者通过博客向我咨询，在自定义node-red节点时，如何编写该节点的配置页面，就是我们通常见到的，双节节点打开的信息弹窗。如下图： 上面两张图，展示了inject节点与mqtt in 节点的配置弹窗。在弹窗中，除了上面的删除，取消，完成，和下面的失效按钮。中间部分都是需要开发者自己编写的。你需要什么按钮，需要哪些输入框，还有文本域。 节点配置弹窗是用户配置，修改节点配置数据的主要方式。 下面就教大家如何编写这部分的页面配置弹窗是编写在 节点的html 文件里 并且写在 注意scri…

前言 本篇文章介绍一种比较复杂的排版方式，是一种树形组件集成了表格组件，树的每一个节点都具有一行配置。对比产品页面如下： 需求分析 看个这个页面，我们首先想到的是，一个树组件，和一个表格组件。如果要把右侧当成表格组件坐起来是比较复制的。因为涉及到树节点的折叠，对应的行也要折叠。所以最简单的办法是，模拟右侧的表格，将每一行写到树节点中。这样，折叠节点时，对应的行也相应被折叠。 代码实现 顶部的表头是一个单独的div实现，向右偏移。 左侧的树使用element-plus的树组件来展示。每一个节点应该…

前言 在node-red中如果你没有找到自己需要的节点时，那么你可以自定义一个节点来满足自己的需求。之前的文章中，我有简单介绍过如何创建一个节点，并以转换大小写来举例。例子虽然简单，但可以让大家了解创建自定义节点的步骤以及一个节点的组成部分。那么本篇将会聚焦在自定义节点的js文件中。详细讲解其中的api，及其他配置项。通过之前的文章我们知道，节点的js文件是一个节点的核心文件，用于收取配置参数，处理业务逻辑，并向下游发送数据。下面让我们一起看看吧。 自定义节点JavaScript 文件 节点构建…