Skip to main content

标签

标签:常规

该选项卡包含打开的 HTML5 控件的常规元数据并允许对其进行编辑。该数据应用于唯一标识 HTML5 控件。

150. 鉴别

公司

元素的作者或制造商

例子: Xyz GmbH

提示

在已安装的 HTML5 控件中, CODESYS 可以按此处指定的公司名称进行过滤。

姓名

元素的名称;显示为 元素类型

例子: Gauge

描述

显示在 特性 在其下方的字段中查看。上面选择的属性在此处进行了注释。

版本

用户定义的版本号

为了保持兼容性,只有在分配新版本后才能编辑已发布的元素。

例子: 0.0.0.1

工具箱类别

HTML5控件所在类别



151. 文件

图像

图像文件的名称

有关详细信息,请参阅:For more information, see: 查看图像文件

其他文件

  • 图片引用

  • HTML5 控件运行所需的 Javascript 文件

    例子: d3.jsjQuery.jsElementWrapper.js

    顺序反映了依赖关系。列表顶部的元素首先加载。因此,将列表顶部的元素放在 ElementWrapper.js 列表末尾的条目。



选项卡: 控件属性

函数:HTML5 控件的界面由属性和类别组成。这些已列出。

当在可视化中使用在编辑器中打开的 HTML5 控件时,它会使属性显示在列表中。然后,它的行为就像可视化中的普通可视化元素一样。它显示了属性(在 属性 查看)。它们可以按主题组合,也可以使用类别按层次排列。配置编辑器类型意味着可视化开发人员将获得编辑器的支持,您在输入值时在此处配置编辑器的类型。

152. 控件属性和列标题

专栏

输入选项

描述

财产

此列列出了控件的分层结构属性。它们包括默认属性、结构节点和特定的可配置属性

默认值

此列列出了相应属性的默认值。默认值必须符合下面设置的编辑器类型。

例如,如果编辑器类型是变量,则默认值必须与该变量的类型兼容。该值可以指定为文字或变量

房产类型

此列用于设置该属性在运行时的行为。

更新

该值在开始时仅传输一次。

初始化

当该值发生变化时,它会被传输到 HTML5 控件。

变量类型

此列列出了为相应属性配置的变量类型。

有效的变量类型是整个项目中可用的数据类型(基本数据类型、自定义数据类型、功能块和库块)。

示例: INTPropertyNames.Colors

描述 ID

此列列出了 “” 上条目的名称本地化“相应属性的选项卡。

编辑器类型

此列列出了为相应属性配置的编辑器类型。

这决定了当可视化开发人员单击” 中的单元格时将打开的内联编辑器属性“配置 HTML5 控件时查看,以便在” 中输入条目价值” 专栏。

注意

请注意,默认值和变量类型都必须配置为符合编辑器类型的类型。

变量

变量编辑器,用于在支持下选择变量 智能编码 功能和输入助手

颜色

颜色编辑器,用于选择样式颜色或自定义颜色

注意

在以下情况下,可以像变量编辑器一样使用颜色编辑器 DWORD 变量已输入。

字体

字体编辑器,用于选择样式字体或自定义字体

注意

在以下情况下,可以像变量编辑器一样使用字体编辑器 VisuElems.VisuStructFont 变量已输入。

复选框

用于选择布尔值的复选框编辑器

注意

输入布尔变量时,可以将复选框编辑器切换为变量编辑器。

图片

用于分配图像的图像选择编辑器

数组范围

用于分配数组段的编辑器

在这种情况下,只有滚动区域会移交给控件。

呼叫方法

相应属性的方法调用如下配置。

使用元素包装器,在此选项卡上配置的属性将传输到 HTML5 控件。可以为此目的定义相应的方法。此列用于分配属性。可以定义任意数量的方法。

方法签名如下所示:

methodName: function(value, type, typeid)

methodName

任何方法名称。调用该方法是为了将 IEC 变量的值传递给 HTML5 控件。

value

IEC 变量的值或 IEC 常量的值

type

变量类型

typeid

变量的类型 ID



以下默认属性以灰色字体显示,背景为灰色。它们无法更改或配置。

元素描述

指定所需的文本。

可拆卸的默认属性

文本显示在 属性 在下方查看 元素类型 使用 HTML5 控件时的属性。

位置

默认属性

中心

默认属性

绝对运动

默认属性

状态变量

默认属性

输入配置

可拆卸的默认属性

153. 使用以下命令图标扩展具有特定属性或节点的表

_visu_icon_createnewsiblingentry.png

单击该图标可在所选行的下方或底部添加新属性。默认名称是 “属性”。将其更改为一个独一无二的、有意义的名称。双击该属性以指定合适的名称。

添加节点

_visu_icon_createnewchildentry.png

单击该图标可在所选行的下方或底部添加新的下属属性。默认名称是 “属性”。将其更改为一个独一无二的、有意义的名称。双击该类别以指定合适的名称。

添加子节点

_visu_icon_createnewsiblingentrycategory.png

单击该图标可在所选行的下方或底部添加新类别。默认名称是 “类别节点”。将其更改为一个独特、有意义的名称,然后配置其他列。

添加类别节点

_visu_icon_createnewchildentrycategory.png

单击该图标可在所选行的下方或底部添加新的下属类别。默认名称是 “类别节点”。将其更改为一个独一无二的、有意义的名称。双击该类别以指定合适的名称。

添加子类别节点



有关更多信息,请参阅:

HTML5 Control Developer’s Reference

标签:本地化

该选项卡可以将属性或类别的名称翻译成其他语言。

姓名

属性或类别的名称,如在 HTML5 控件编辑器 标签

名称用作 ID。然后根据语言设置显示语言列中的相应文本。

<语言>

(财产或类别的)名称的翻译

要翻译成的语言在列标题中指明(根据 ISO 639-1 作为语言代码)。

例子: en