当前位置： 首页 > news >正文

CodeSys创建自定义的html5控件

news 来源：原创 2024/6/25 14:24:40

文章目录

  • 背景
  • 创建html5control.xml文件
  • 控件界面以及逻辑的实现
  • 使用的资源
  • 安装自定义的html5控件库

背景

查看官方的资料：https://content.helpme-codesys.com/en/CODESYS%20Visualization/_visu_html5_dev.html
官方的例子：https://forge.codesys.com/prj/codesys-example/html5apiexample/home/Home/

创建html5control.xml文件

控件的安装文件通过打开HTML5控件编辑器来创建
在这里插入图片描述
在这里插入图片描述

控件界面以及逻辑的实现

实现控件的代码写在ElementWrapper.js中
ElementWrapper.js中的此全局变量命名有着严格的限制
在这里插入图片描述

使用的资源

使用的资源文件全部都要放在与ElementWrapper.js同级目录下，否则在安装时会出错。
在这里插入图片描述就算你手动修改html5control.xml文件也没用
在这里插入图片描述

安装自定义的html5控件库

可视化元素库只有在打开CodeSys软件且没有打开任何工程才看得到
在这里插入图片描述安装新版本后，需要重启软件才能使用新版本。但是不更改版本号，只修改内容的话，只需要将可视化元素卸载，然后重新安装即可。
在这里插入图片描述

相关文章：

  • Kafka生产者相关概念
  • linux内核input子系统概述
  • 浮点数在计算机中的存储
  • 飞天使-k8s知识点27-kubernetes温故知新2-deployment
  • 如何成为顶尖程序员？
  • 二、阅读器的开发（初始）-- 1、阅读器简介及开发准备工作
  • 复试专业前沿问题问答合集10-1——区块链与加密货币
  • 内存条@电脑支持的最大内存@升级内存硬件
  • 安防监控视频汇聚平台EasyCVR接入海康Ehome设备，设备在线但视频无法播放是什么原因？
  • 关于Rust的项目结构的笔记
  • 打开snipaste软件的界面后，上次的截图无法销毁？
  • schweizer-electronic 公司 safedat2 操作使用说明
  • 鸿蒙Harmony应用开发—ArkTS（@State装饰器：组件内状态）
  • 公司内部局域网怎么适用飞书？
  • Elasticsearch：让你的 Elasticsearch 索引与 Python 和 Google Cloud Platform 功能保持同步
  • 【347天】每日项目总结系列085（2018.01.18）
  • 30秒的PHP代码片段（1）数组 - Array
  • ABAP的include关键字，Java的import, C的include和C4C ABSL 的import比较
  • const let
  • ESLint简单操作
  • Javascript设计模式学习之Observer(观察者)模式
  • Linux链接文件
  • nodejs调试方法
  • PhantomJS 安装
  • 从零开始的webpack生活-0x009：FilesLoader装载文件
  • 高性能JavaScript阅读简记（三）
  • 力扣(LeetCode)21
  • 前端
  • 使用 Xcode 的 Target 区分开发和生产环境
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • ​Java基础复习笔记 第16章：网络编程
  • ​比特币大跌的 2 个原因
  • ​一帧图像的Android之旅 :应用的首个绘制请求
  • (env: Windows,mp,1.06.2308310； lib: 3.2.4) uniapp微信小程序
  • （react踩过的坑）antd 如何同时获取一个select 的value和 label值
  • (附源码)计算机毕业设计SSM疫情居家隔离服务系统
  • （学习日记）2024.01.19
  • (原)本想说脏话,奈何已放下
  • （转）c++ std::pair 与 std::make
  • （转）全文检索技术学习(三)——Lucene支持中文分词
  • （转载）Linux网络编程入门
  • .bashrc在哪里，alias妙用
  • .NET 5种线程安全集合
  • .NET 实现 NTFS 文件系统的硬链接 mklink /J（Junction）
  • @SuppressWarnings(unchecked)代码的作用
  • [android] 练习PopupWindow实现对话框
  • [BZOJ 3680]吊打XXX（模拟退火）
  • [C++][数据结构][跳表]详细讲解
  • [C++11 多线程同步] --- 条件变量的那些坑【条件变量信号丢失和条件变量虚假唤醒(spurious wakeup)】
  • [JavaScript] JavaScript事件注册,事件委托,冒泡,捕获,事件流
  • [Jenkins] Docker 安装Jenkins及迁移流程
  • [Luogu 2816]宋荣子搭积木
  • [MYSQL]mysql将两个表结果合并到一起
  • [na]wac无线控制器集中转发部署的几种情况
  • [NAND Flash 7.1] 闪存系统性能优化方向集锦？AC timing? Cache? 多路并发?