activities
latest
false
- 概述
- 标注
- 复杂场景
- 凭据
- Data Service
- 表单
- FTP
- IPC
- 暂留
- Automation Ops 管道
- 系统
- 发行说明
- 关于“系统”活动包
- 项目兼容性
- 受支持的字符编码
- “正则表达式构建器”向导
- 添加数据列
- 添加数据行
- 添加日志字段
- 加减日期
- 添加事务项目
- 添加队列项目
- 将项目附加至集合
- 将项目附加至列表
- 附加行
- 提示音
- 中断/退出循环
- 浏览文件
- 浏览文件夹
- 构建集合
- 构建数据表
- 批量添加队列项目
- 更改文本大小写
- 更改类型
- 检查 False
- 检查 True
- 清除数据表
- 从集合到数据表
- 注释
- 压缩文件/Zip 文件
- 复制文件
- 复制文件夹
- 合并文本
- 注释掉/禁用的活动
- 继续/跳过当前
- 创建文件
- 创建文件夹
- 创建列表
- 自定义输入
- 删除
- 删除文件
- 删除文件夹
- 删除存储文件
- 删除队列项目
- 禁用本地触发器
- Do While 循环
- 从 URL 下载文件
- 下载存储文件
- 启用本地触发器
- 评估业务规则
- 存在于集合中
- 提取/解压缩文件
- 从文本中提取日期和时间
- 提取文本
- 文件更改触发器
- 文件已存在
- 筛选集合
- 筛选数据表
- 文件夹存在
- 遍历循环
- 适用于文件夹中的每个文件
- 文件更改触发器 v3
- 查找和替换
- 查找匹配模式
- 对于文件夹中的每个文件夹
- 对于数据表中的每一行
- 将日期格式设置为文本
- 为值添加格式
- 从文本中生成数据表
- 获取资产
- 获取凭据/获取 Orchestrator 凭据
- 获取当前作业信息
- 获取环境文件夹
- 获取环境变量
- 获取文件信息
- 获取文件夹信息
- 获取作业
- 获取进程
- 获取行项目
- 获取事务项目
- 获取用户名/密码
- 获取队列项目
- 全局变量更改触发器
- 输入对话框
- 调用代码
- 调用 COM 方法
- 调用 PowerShell
- 调用流程
- 调用 VBScript
- 调用工作流文件
- 是否为文本匹配
- 联接数据表
- 终止进程
- 启动工作流交互
- 列出存储文件
- 日志消息
- 查找数据表
- 手动触发器
- 合并集合
- 合并数据表
- 消息框
- 修改日期
- 修改文本
- 移动文件
- 移动文件夹
- 多重分配
- 向队列新增项目
- 通知全局变量已更改
- Orchestrator HTTP 请求
- 输出数据表
- 存在路径
- 推迟事务项目
- 流程终止触发器
- 流程启动触发器
- 发出警示
- 读取列表项目
- 读取文本文件
- 读取存储文本
- 删除数据列
- 删除数据行
- 删除重复行
- 从集合中删除
- 删除日志字段
- 替换匹配模式
- 重复次数
- 重复触发器
- 重命名文件
- 重命名文件夹
- 报告状态
- 重置计时器
- 恢复计时器
- 重试作用域
- 返回
- 运行并行流程
- 设置资产
- 设置凭据
- 设置环境变量
- 设置事务进度
- 设置事务状态
- 应停止
- 拆分文本
- 数据表排序
- 运行本地触发器
- 启动计时器
- 开始作业
- 停止作业
- 停止本地触发器
- 停止计时器
- 左侧/右侧的文本
- 要大写/小写的文本
- 时间触发器
- 触发器作用域
- 超时作用域
- 更新行项目
- 更新列表项目
- 上传存储文件
- 等待下载
- 等待队列项目
- 先条件循环
- 工作流占位符
- 写入存储文本
- 写入文本文件
- 添加数据行
- AddQueueItem
- 添加事务项目
- 附加行
- BulkAddQueueItems
- 清除数据表
- 压缩 Zip 文件
- 复制文件
- 创建文件
- 创建文件夹
- 删除文件或文件夹
- 删除队列项目
- 删除存储文件
- 下载存储文件
- 提取解压缩文件
- 筛选数据表
- 获取资产
- 获取凭据
- GetJobs
- 获取队列项目
- GetQueueItems
- 获取本地路径的资源
- 获取行项目
- 获取事务项目
- 调用流程
- 联接数据表
- 列出存储文件
- 查找数据表
- 合并数据表
- 移动文件
- Orchestrator HTTP 请求
- OutputDataTable
- 存在路径
- 推迟事务项目
- 读取存储文本
- 读取文本文件
- 删除数据列
- 删除重复行
- 替换
- 设置资产
- 设置凭据
- SetTransactionProgress
- 设置事务状态
- 数据表排序
- 开始作业
- 停止作业
- 更新行项目
- 上传存储文件
- 等待队列项目
- 写入存储文本
- 写入文本文件
- 测试
- 发行说明
- 关于“测试”活动包
- 项目兼容性
- 项目设置
- Address
- AddTestDataQueueItem
- AttachDocument
- BulkAddTestDataQueueItems
- DeleteTestDataQueueItems
- GetTestDataQueueItem
- GetTestDataQueueItems
- GivenName
- LastName
- RandomDate
- RandomNumber
- RandomString
- RandomValue
- VerifyAreEqual
- VerifyAreNotEqual
- VerifyContains
- VerifyExpression
- VerifyExpressionWithOperator
- VerifyIsGreater
- VerifyIsGreaterOrEqual
- VerifyIsLess
- VerifyIsLessOrEqual
- VerifyIsRegexMatch
- VerifyRange
- 工作流事件
- Workflow Foundation
重要 :
请注意此内容已使用机器翻译进行了部分本地化。
工作流活动
Last updated 2024年10月31日
自定义列宽
表单中的表格有时需要更宽或更窄的列,而不是具有相同宽度的列。 您可以在“编辑网格”和“数据网格”组件中为表格设置自定义宽度。
下一教程将提供有关如何在另存为
myTable
的表格中修改 Column3
宽度的步骤。
构建数据表
要创建要在表单中使用的表格,请执行以下操作:
- 在工作流中,添加“ 构建数据表 ”活动。
- 单击 “数据表...” 。 “ 构建数据表 ”向导将打开。
-
为表格添加所需的列并编辑其属性。
确保列名称 不包含空格或特殊字符,因为您可以使用这些名称通过“ 字段键 组件”选项卡链接表单中的列。
- 单击“ 确定 ”以保存表格。
-
在“构建数据表”活动的“ 属性 ”面板 >“ 输出 ”字段中,为表格设置变量名称(例如
myTable
)。您可以使用此变量通过“ 创建表单” 活动的“表单字段集合”属性将表格绑定到表单。
要将数据表绑定到表单,请执行以下操作:
- 在工作流中添加“ 创建表单” 活动。
- 在“ 属性 ”面板 >“ 表单 字段集合”字段中,单击三点菜单 (fa-ellipsis-v:)。 “ 表单字段集合 ”向导随即打开。
-
创建一个参数,并使用变量(即
myTable
)将其链接到先前创建的表。 将参数 “方向” 设置为“In/Out
”,将“ 类型 ”设置为“DataTable
”。 为参数 命名 ,例如table
。
-
单击“确定”。
确保未选中“ 生成输入 字段”框。
- 从“ 创建表单” 活动中打开“表单设计器”。
- 从“ 数据 ”类别中,拖放一个网格组件(即“ 编辑网格 ”和/或“ 数据网格”)。
-
在网格的“ 字段键” 选项卡中,引用 表格参数 (即
table
)。“ 字段键 ”值区分大小写。
-
将文本组件添加到网格中,以复制表格中的列。 保存每个文本组件。
例如,如果您的表格包含 三列Column1
、Column2
和Column3
,则将 三个文本组件 拖放到网格中,并确保将表格中的列名称使用到组件的“ 字段键” 选项卡中.“ 字段键 ”值区分大小写。
- 保存表单。
使用 Bootsrap 3
- 转到“ 编辑网格组件 ”设置。
-
在“ 模板 ” 选项卡 >“ 标头模板 ” 部分中,使用以下模板更改默认生成的代码:
<div class="row"> {% util.eachComponent(components, function(component) { %} {% if (displayValue(component)) { %} {% if (component.key=== 'Column3') { %} <div class="col-sm-8"> {% } %} {% if (component.key !== 'Column3') { %} <div class="col-sm-2"> {% } %} {{ component.label }}</div> {% } %} {% }) %} </div>
<div class="row"> {% util.eachComponent(components, function(component) { %} {% if (displayValue(component)) { %} {% if (component.key=== 'Column3') { %} <div class="col-sm-8"> {% } %} {% if (component.key !== 'Column3') { %} <div class="col-sm-2"> {% } %} {{ component.label }}</div> {% } %} {% }) %} </div> -
在“ 模板 ” 选项卡 >“ 行模板 ” 部分中,使用以下模板更改默认生成的代码:
<div class="row"> {% util.eachComponent(components, function(component) { %} {% if (!component.hasOwnProperty('tableView') || component.tableView) { %} {% if (component.key=== 'Column3') { %} <div class="col-sm-8"> {% } %} {% if (component.key !== 'Column3') { %} <div class="col-sm-2"> {% } %} {{ getView(component, row[component.key]) }} </div> {% } %} {% }) %} {% if (!instance.options.readOnly && !instance.disabled) { %} <div class="col-sm-2"> <div class="btn-group pull-right"> <button class="btn btn-default btn-light btn-sm editRow"><i class="{{ iconClass('edit') }}"></i></button> {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %} <button class="btn btn-danger btn-sm removeRow"><i class="{{ iconClass('trash') }}"></i></button> {% } %} </div> </div> {% } %} </div>
<div class="row"> {% util.eachComponent(components, function(component) { %} {% if (!component.hasOwnProperty('tableView') || component.tableView) { %} {% if (component.key=== 'Column3') { %} <div class="col-sm-8"> {% } %} {% if (component.key !== 'Column3') { %} <div class="col-sm-2"> {% } %} {{ getView(component, row[component.key]) }} </div> {% } %} {% }) %} {% if (!instance.options.readOnly && !instance.disabled) { %} <div class="col-sm-2"> <div class="btn-group pull-right"> <button class="btn btn-default btn-light btn-sm editRow"><i class="{{ iconClass('edit') }}"></i></button> {% if (!instance.hasRemoveButtons || instance.hasRemoveButtons()) { %} <button class="btn btn-danger btn-sm removeRow"><i class="{{ iconClass('trash') }}"></i></button> {% } %} </div> </div> {% } %} </div>备注:- 请注意,您将
component.key
值与列的确切名称进行比较,这与每个文本组件的“ 字段键” 选项卡中使用的名称相同( 将数据表绑定到“编辑网格”或“数据网格”组件的步骤 4)。 - UiPath 表单使用的是 Bootstrap 3 框架。 表格的总宽度分为 12 个部分。 因此,请确保您所做的任何除法之和均为 12。 在此示例中,具有
col-sm-2
类的两列占用 4 个部分,剩余的 8 个部分用于第三列 (col-sm-8
)。
- 请注意,您将
使用“样式”属性
- 将鼠标悬停在“ 编辑网格 ”组件上,然后单击“ 编辑”。 配置页面随即打开。
-
导航到“ 模板 ” 选项卡。
2.1. 在 标头模板 脚本中,标识所有<div class="col-sm-2">
标签并添加自定义宽度,如下所示:style="width:{your_custom_width}px !important"
。 宽度必须以像素为单位。2.2. 在行模板 脚本中,识别所有<div class="col-sm-2">
标签并添加自定义宽度,如下所示:style="width:{your_custom_width}px !important"
。 宽度必须以像素为单位。"col-sm-2"
元素表示默认列宽。 您可以通过添加自定义样式标签来修改默认列宽。 例如,style="width:70px !important"
将 70 像素的宽度应用于所有“ 编辑网格 ”列。
- 保存 组件和表单。
-
创建具有所需列宽的本地 CSS 文件。 在我们的示例中,以下模板创建了一个更宽的
Column3
(即nth-child(3)
):.mygrid tbody>tr>:nth-child(1){ width: 70px; } .mygrid tbody>tr>:nth-child(2){ width: 15%; } .mygrid tbody>tr>:nth-child(3){ width: 60%; }
.mygrid tbody>tr>:nth-child(1){ width: 70px; } .mygrid tbody>tr>:nth-child(2){ width: 15%; } .mygrid tbody>tr>:nth-child(3){ width: 60%; } - 在“创建表单”活动的“ 属性 ”面板 >“本地 CSS 文件 路径” 字段中,引用先前创建的 CSS 文件。 例如
"/file://C:\User\Desktop\EditColumnWidth.css"
。 - 在“ 数据网格 ”组件 > “显示” 选项卡 > “自定义 CSS 类 ”字段中,输入 CSS 类的名称(例如
mygrid
)。
若要查看完整的工作流或获取未来参考,请下载 XAML 示例