跳到主要内容

组件右面板控件

组件编辑时，在参数配置中，可以通过“控件”来设置组件的右面板参数。
示例： image.png

控件类型​

目前为止，组件的控件包含： image.png

对控件的操作​

image.png

  • 增加：点击【+ 添加控件】按钮，增加相应类型的控件。
  • 删除：点击删除控件。
  • 编辑：点击编辑，在【编辑】面板中编辑控件相关参数。
  • 拖动：鼠标左键按住，可上下拖动改变控件位置。

编辑控件​

控件有很多参数，一些是通用的，一些是特定类型的控件才有的。

一般字段​

  • 名称(唯一标识)：英文、字符、数字；必填！
  • 标签
  • 默认值
  • 必须参数
  • 是否隐藏
  • 占位提示文本
  • 关联关系：根据其他控件的值控制当前控件是否显示。

上传文件​

上传文件控件，除“名称（唯一标识）”字段必填外，还有特有的字段。

  • 输出桩：文件输出的端口。默认out1。在param中的Key——outPortUuid
  • 上传类型：目前有如下类型，默认“文件”。在param中的Key——fileType

image.png

  • 分隔符：上传类型为“CSV文件”时须选择，默认“逗号”。在param中的Key——separator

上传文件组件会将文件上传至路径为"studio/{{userId}}/share/{{appId}}/uploads/" + fileType + "/" 的文件夹中，并将该路径保存在param.value。

上面图中控件“上传CSV文件”，在组件def.params中的数据如下： image.png "_uploader"即在【编辑】中定义的“名称（唯一标识）”的值。

文件选择​

文件选择控件，除一般字段外，还有：

  • 文件多选：选择多个文件还是单个文件，多个文件时是多选框，单个则是单选框选择。默认多选。
  • 输出桩：选择的文件数据从哪个输出桩输出，默认out1。

示例： image.png 设置有文件选择控件的组件在项目中使用时，需配合“上传文件”控件一起，选择的文件是上传控件上传的文件夹中的文件，如上面 params[_uploader].value 路径。
文件选择后，选择的文件名作为参数的value值，若多个文件，则文件名以英文逗号, 分隔。
在节点def.params中的数据如下： image.png

文件查看​

文件查看控件可查看指定路径下的文件夹内容。 image.png

  • 查看目录：默认是 studio/{{userId}}/{{appId}}/{{nodeId}}/out1/data/ ，模板字符串。若要自定义查看目录，如涉及到用户、项目、节点的路径，建议使用模板字符串{{userId}} {{appId}} {{nodeId}} 来替代指定的用户Id 、项目Id和节点Id。