JS代码实例 环境要求 -- 引用库 jquery.js 下载链接 index.html 本文档所述Demo在提供服务的过程中，可能会涉及个人数据的使用，建议您遵从国家的相关法律采取足够的措施，以确保用户的个人数据受到充分的保护。 本文档所述Demo仅用于功能演示，不允许客户直接进行商业使用。

查看更多 →

选择画布中的部件组件，打开右侧的属性面板。 绑定服务定义。 选择“基础信息 > 查询接口”，在“查询接口”中绑定已配置好的“组合自制件部件查询”服务定义，用于按条件查询部件，如图10所示。 在自制件查询部件服务定义中，搜索字段为提前设置的字段（可以更改，格式仿照图中的格式来写，即字段

查看更多 →

Node.js代码样例 AXB模式 AX模式 AXE模式 AXYB模式 父主题： 代码样例

查看更多 →

文本颜色：默认为黑色，可自定义修改。 按钮形态：设置按钮形态，支持“实心”、“轮廓线”和“文本”三种形态。 按钮主题：提供主要按钮”、“次要按钮”和“警示按钮”是三种常见的按钮类型，每种按钮都有其特定的用途和视觉特征。 主要按钮：表示界面中最主要或最重要的操作，如提交表单、确认购买等。通

查看更多 →

基本属性：基本属性通过数据绑定后，在运行时以数据绑定的值为准。 显示名称：按钮展示的名称。 类型：设置按钮的类型。 大小：设置按钮的大小。 鼠标悬停时展示：鼠标悬停时，展示的文字。 形状：设置按钮的形状。 选择图标：系统预置的按钮图标。 图标位置：按钮图标展示的位置。 加载中状态：按钮是否显示为加载中状态。 移动端配置

查看更多 →

内置的模板代码，主要包括组件、消息&弹窗、页面、表单、表格、服务等。在编写JS代码时，可直接使用系统预置的API，相关API说明，请参见标准页面中预置的API。 图1 使用内置的模块代码 图2 内置模板代码 当代码较多时，可以单击代码编辑区域右上侧的，最大化代码编辑页面。 单击

查看更多 →

示例：逻辑复制代码示例 下面示例演示如何通过JDBC接口使用逻辑复制功能的过程。执行示例前，需要加载驱动，驱动的获取和加载方法请参见JDBC包、驱动类和环境类。 针对逻辑复制的配置选项，除了参考《特性指南》的“逻辑复制 > 逻辑解码”章节中的配置选项外，还有专门给JDBC等流式解码工具增加的配置项，如下所示：

查看更多 →

示例：逻辑复制代码示例 下面示例演示如何通过JDBC接口使用逻辑复制功能的过程。 针对逻辑复制的配置选项，除了在逻辑解码章节中的配置选项外，还有专门给JDBC等流式解码工具增加的配置项，如下所示。 解码线程并行度 通过配置选项parallel-decode-num，指定并行解码的Dec

查看更多 →

示例：逻辑复制代码示例 下面示例演示如何通过JDBC接口使用逻辑复制功能的过程。执行示例前，需要加载驱动，驱动的获取和加载方法请参见JDBC包、驱动类和环境类。 针对逻辑复制的配置选项，除了参考《特性指南》的“逻辑复制 > 逻辑解码”章节中的配置选项外，还有专门给JDBC等流式解码工具增加的配置项，如下所示：

查看更多 →

同于该长度的字符为时间戳字符串。 【该部分为可选项】接下来的1字节字母如果为N，则代表后面4字节uint32表示该事务用户名的长度，再后面等同于该长度的字符为事务的用户名字。 因为之后仍可能有解码语句，接下来会有1字节字母P或F作为语句间的分隔符，P代表本批次仍有解码的语句，F代表本批次完成。

查看更多 →

该长度的字符为时间戳字符串。 因为批量发送日志时，一个COMMIT日志解码之后可能仍有其他事务的解码结果，接下来的1字节字母如果为P则表示该批次仍需解码，如果为F则表示该批次解码结束。 当第3步中的1字节的字母为I/U/D时： 接下来的2字节uint16代表schema名的长度。

查看更多 →

示例：逻辑复制代码示例 下面示例演示如何通过JDBC接口使用逻辑复制功能的过程。执行示例前，需要加载驱动，驱动的获取和加载方法请参见JDBC包、驱动类和环境类。 针对逻辑复制的配置选项，除了参考《特性指南》的“逻辑复制 > 逻辑解码”章节中的配置选项外，还有专门给JDBC等流式解码工具增加的配置项，如下所示：

查看更多 →

大小：按钮大小，包含大、小、默认三个选项，默认值是大。 鼠标悬停时展示：鼠标悬停在按钮上时展示的文字。 形状：按钮形状，支持圆角和直角两种类型，默认选择直角。 字体：设置字体样式。 选择图标：按钮图标，系统预置的按钮图标。 图标位置：按钮图标展示位置，支持居左和居右两种位置。 高级

查看更多 →

按钮 使用场景 页面中承载操作的控件，如确认、提交、取消或下载等操作，也可用于表单表格中的操作。 组件图标： 基本属性 表1 基础信息 序号 属性名 说明 设置器类型 可选值 默认值 支持变量绑定 1 按钮名称 按钮中间显示的文本内容 多语言输入框 - 按钮 √ 2 按钮类型 按钮样式类型

查看更多 →

大小：按钮大小，包含大、小、默认三个选项，默认值是大。 鼠标悬停时展示：鼠标悬停在按钮上时展示的文字。 形状：按钮形状，支持圆角和直角两种类型，默认选择直角。 字体：设置字体样式。 选择图标：按钮图标，系统预置的按钮图标。 图标位置：按钮图标展示位置，支持居左和居右两种位置。 高级

查看更多 →

删除工具栏中多余的按钮，只保留“新增行”。 修改“新增行”的“显示名称”为“创建工单”。 单击页面上方的，保存设置。 为操作列增加“删除”功能。 选中“表格”，在右侧“属性”页签的“表格列”中，单击上图中“操作”列后的。 图4 编辑操作列 在“属性配置”对话框中，单击“添加操作按钮”，新增

查看更多 →

的菜单栏（若没有可配置的事件，则菜单栏为空），选择需要绑定的事件。 图2 绑定事件 在事件栏中鼠标移至添加按钮上，弹出菜单栏，选择“自定义JS”。 事件绑定中选择在页面JS中新增的exampleFunction方法（或添加新方法）。 图3 自定义JS 单击“确定” 给属性绑定JS方法

查看更多 →

配置的事件，则菜单栏为空），选择需要绑定的事件。 图2 绑定事件 在事件栏中鼠标移至添加按钮上，弹出菜单栏，选择“自定义JS”。 事件绑定中选择在页面JS中新增的exampleFunction方法（或添加新方法）。 图3 自定义JS 单击“确定” 给属性绑定JS方法 选中画布中已有的组件元素。

查看更多 →

图7 为表格绑定对象模型 在“选择模型”对话框中，选中“equipmentInstance”对象模型，单击“确定”。 绑定对象模型后，系统自动将模型的所有字段添加为表格列，如图8所示。 图8 绑定数据模型后的表格列 选中上图中“已添加列”中的任意一项，上下拖动调整列的显示顺序。

查看更多 →

适用场景 在不同的页面中，可重复使用的模块。 复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。

查看更多 →

页面状态state和应用状态global都是响应式的数据，状态管理面板对响应式变量进行管理，包含添加、删除、搜索和编辑。 页面状态和应用状态的区别在于： 页面状态针对当前的页面（局部变量）。 应用状态针对当前应用的所有页面（全局变量）。 图1 状态管理 “页面状态”和“应用状态”的基础操作

查看更多 →