拖拽批量动作至表格区域，创建批量更新动作
设置动作信息，设置完成之后点击保存
点击设计弹窗，出现弹窗设计器界面
将需要批量更新的字段拖入表单区，将待提交的数据需要展示字段拖入表格区域，比如更新名称，展示待提交数据的ID、名称、创建时间（注意：创建时间需要在表格中也展示）
拖拽客户端动作进入动作区域，并设置动作信息，客户端行为选择批量更新
动作设置成功，点击保存
选择批量更新的数据之后点击批量更新
将名称修改为‘批量修改名称’
查看最后实现效果
Oinone社区 作者：oinone原创文章，如若转载，请注明出处：https://doc.oinone.top/designer/6827.html
访问Oinone官网:https://www.oinone.top获取数式Oinone低代码应用平台体验
在业务操作中，用户通常期望能够在创建页面后立即进行编辑，以减少频繁切换页面的步骤。我们可以充分利用Oinone平台提供的创建与编辑一体化功能，使操作更加高效便捷。 通过拖拽实现表单页面设计 在界面设计器中，我们首先需要设计出对应的页面。完成页面设计后，将需要的动作拖入设计好的页面。这个动作的关键在于支持一个功能，即根据前端传入的数据是否包含id来判断是创建操作还是编辑操作。 动作的属性配置如下： 前端自定义动作 一旦页面配置完成，前端需要对这个动作进行自定义。以下是一个示例的代码： @SPI.ClassFactory( ActionWidget.Token({ actionType: [ActionType.Server], model: '模型', name: '动作的名称' }) ) export class CreateOrUpdateServerActionWidget extends ServerActionWidget { @Widget.Reactive() protected get updateData(): boolean { return true; } } 通过以上步骤，我们实现了一个更智能的操作流程，使用户能够在创建页面的同时进行即时的编辑，从而提高了整体操作效率。这种创建与编辑一体化的功能不仅使操作更加顺畅，同时也为用户提供了更灵活的工作流程。
一 如何添加业务流程功能 1.1 无代码方式 第一步：先在应用中心页面，给对应应用依赖模块列表添加工作流、业务审计模块第二步：在界面设计器-模型动作处拖拽业务流程按钮至行操作中，然后点击发布查看最后效果 ** 注意：只有在流程设计器里新增了该模型的触发的工作流，在界面设计器里才会出现业务流程
场景 以公司的部门与员工为示例（需要建一个自关联字段） 第一步先在模型设计器界面创建一个员工模型 第二步在模式设计器界面创建一个部门模型，并建自关联字段与他表模型关联字段 1.创建部门模型 2.创建自关联字段 3.建关联其他模型字段 第三步在界面设计器页面设计树表 1.创建树表页面 2.设计树表 3.设计创建表单 第四步查看效果 1.先创建部门 2.再创建员工 3.最终树表效果
在平台默认的实现中，rootRecord 代表的是根视图的数据。比如，在表格页面点击按钮打开了弹窗，弹窗里面包含一个表单视图，但是该视图获取 rootRecord 却是最外层的视图数据。 如果期望 rootRecord 数据是弹窗的视图数据，需要手动修改表单的 rootRecord。下面的代码演示了如何重写 rootData 以确保其数据是弹窗的数据： @SPI.ClassFactory( BaseElementWidget.Token({ viewType: ViewType.Form, widget: 'MyCustomFormWidgetFormWidget' }) ) export class MyCustomFormWidgetFormWidget extends FormWidget { @Widget.Reactive() @Widget.Provide() public get rootData(): any[] | undefined { return this.activeRecords; } } 上述代码重写了 rootData，这样就可以确保 rootData 的数据是弹窗的数据。 接下来就是注册： registerLayout( ` <view type="FORM"> <element widget="actionBar" slot="actionBar" slotSupport="action"> <xslot name="actions" slotSupport="action" /> </element> <element widget="MyCustomFormWidgetFormWidget" slot="form"> <xslot name="fields" slotSupport="pack,field" /> </element> </view> `, { viewType: ViewType.Form, model: '弹窗模型', viewName: '弹窗视图名称' } )
该功能依赖应用环境(designer_metadata)模块, 请确保体验环境的后端yml配置有该依赖 一 产品功能说明 设计同步部署 设计同步部署功能实现不同环境设计数据一键同步的目标，即将A环境设计完成的模型、界面、等设计数据一键部署至B环境。使用此功能，需要在‘应用中心’安装‘应用环境’：‘应用环境’安装完成，进入发起同步部署环境——>业务应用——>‘应用环境’，对要进行快速部署的发起环境、目标环境进行配置：在进行多个环境同步部署设计数据时，必须正确配置发起环境、目标环境。完成配置后，在应用中心，选择目标‘已安装’应用，在操作下拉菜单选择待部署设计类型，即可按照指引完成操作： 设计导出 设计导出功能具备将已安装应用所属（应用技术名称）设计元数据，如模型、界面、流程、集成设计、数据可视化导出为json文件的能力，具备筛选导出、一键导出两种方式以满足不同业务场景需要。目标是实现在多个环境通过技术接口调用、或通过应用中心导入界面完成导入，使设计元数据在不同环境之间快速迁移同步： :::info 因平台允许多个应用名称相同，能够唯一定位具体应用使用的是‘应用技术名称’，因此识别应用标识的依据为应用技术名称。::: 设计导入 迁移导入 对于已导出设计元数据json文件，如果导出类型为‘迁移导出’，可以在不同环境，通过应用中心——>已安装应用——>设计导入（迁移），实现设计数据导入： 标品导入 对于导出类型为‘标品导出’的设计元数据，目前只支持通过技术接口形式完成导入，暂不支持界面进行可视化导入操作。 导出导入任务 不同环境设计元数据以导入json文件方式进行迁移的基础是设计导出，基于界面导入实现设计元数据在不同环境进行迁移场景、或通过技术接口导入以实现标品升级的场景，存在导出类型为迁移导出、标品导出的区别。使用此功能的操作者需要依据实际需求场景进行相应导出类型的选择。 导出任务查看 对于已经执行导出的任务，可通过‘应用环境——>设计导出’查看导出任务信息： 导入任务查看 对于已经执行导入的任务，可通过‘应用环境——>设计导入’查看导入任务状态、进度、详细信息： 部署任务 部署任务功能用于查看设计数据同步部署功能任务状态、详细信息；分为发起环境任务查看、目标环境任务查看。无论是发起环境，或是目标环境，均通过所属环境‘应用环境’中‘部署任务’功能进行查看： 二 产品功能操作手册 设计导出 环境迁移导出 点击‘业务应用——>应用中心’，进入应用中心，默认显示‘应用列表’标签页：选择‘已安装’应用——>操作，出现操作菜单：选择‘设计导出’，显示支持导出的各设计项： 模型导出 操作菜单选择‘模型导出’：打开模型导出信息弹窗：在弹窗页中存在要素信息项及操作项： 导出类型：选择‘迁移导出’。 文件名称：默认为‘应用名称+设计类型’。 导出模式：异步模式，不可修改。 导出格式：JSON文件，不可修改。 一键导出：操作项，直接导出当前应用下的所有无代码模型，不需要筛选。 筛选导出：操作项，进入无代码模型导出筛选页，选择要导出的设计数据。 一键导出 点击‘一键导出’，关闭弹窗，回到应用中心，右上角出现导出进行中提示信息：导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 点击‘筛选导出’，进入无代码模型导出筛选页：筛选页面按照‘模型类型’、‘可用/废弃’、‘来源’选择或输入查找条件，点击‘搜索’，进行条件搜索，查找满足条件无代码模型：点击‘重置’按钮，清空已输入查找条件：点击列表标题栏勾选框，可进行全选/取消全选操作，全选——选择全部模型，取消全选——取消所有已勾选项：勾选要导出模型，点击‘导出’按钮：回到应用中心，右上角提示导出信息：导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 界面导出 ‘业务应用——>应用中心’，进入应用中心，选择已安装应用——>操作——>设计导出——>界面导出，弹出界面导出信息项弹窗，‘导出类型’选择‘迁移导出’： 一键导出 点击‘一键导出’，关闭弹窗，回到应用中心，右上角出现导出进行中提示信息：界面导出会将所选菜单项、菜单目录路径、菜单绑定页面、页面使用的自定义组件全部导出为json文件。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 点击‘筛选导出’，进入应用环境——>界面导出筛选页面，显示当前应用下所有菜单项：查询项‘菜单名称’输入名称，点击‘搜索’按钮，进行模糊查找匹配的菜单项：点击‘清除’按钮，清除已输入的查询内容：勾选菜单项后，点击‘导出’按钮：回到应用中心页面，同时页面右上角提示导出进行中信息：界面导出会将所选菜单项、上级菜单目录项、菜单绑定页面、页面使用的自定义组件全部导出为json文件。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 流程导出 点击‘业务应用——>应用中心’，进入应用中心，选择已安装应用——>操作——>设计导出——>流程导出，弹出导出信息弹窗：‘导出类型’选择‘迁移导出’。 一键导出 点击‘一键导出’：关闭弹窗，回到应用中心，右上角出现导出进行中提示信息：一键导出流程数据会按照应用技术名称，将当前应用下所有流程、元数据、涉及的业务数据如审批用户、角色等全部导出为json文件。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 点击‘筛选导出’：进入流程数据筛选页面，显示当前应用（技术名称）下所有已发布流程：支持按照流程名称（模糊匹配）、触发方式（模型触发、定时触发、日期触发、子流程）进行筛选；输入筛选条件，点击搜索按钮，查找匹配结果：点击‘清除’按钮，清空筛选内容：勾选列表流程项，点击‘导出’按钮：返回应用中心，同时页面右上角提示导出信息：流程导出会将应用（技术名称）下的所有已发布流程及相关元数据、业务数据全部导出为json文件。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 集成导出 点击‘业务应用——>应用中心’，进入应用中心，选择已安装应用——>操作——>设计导出——>集成导出，弹出集成导出信息项弹窗，‘导出类型’选择‘迁移导出’： 一键导出 点击‘一键导出’，关闭弹窗，回到应用中心，右上角出现导出进行中提示信息：一键导出集成数据会按照应用技术名称，将所有已发布数据流程；以及所有已启用连接器（与应用无关）、已启用开放接口（与应用无关）全部导出为json文件。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 点击‘筛选导出’：进入集成数据筛选页面，默认显示‘连接器’标签页——>应用（已启用）数据项列表：可选项： 连接器：应用（已启用状态）、数据库（已启用状态）、与应用无关。 数据流程：已发布状态，且属于发起导出应用（技术名称）下的数据流程。 开放平台：API接口（已启用状态）、与应用无关。 以上各项在列表中展示的数据均可勾选并支持导出为json文件：勾选列表数据项，点击‘导出’按钮：回到应用中心，右上角显示导出提示信息：导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 数据可视化导出 点击‘业务应用——>应用中心’，进入应用中心，选择已安装应用——>操作——>设计导出——>数据可视化导出，弹出数据可视化导出信息项弹窗，‘导出类型’选择‘迁移导出’： 一键导出 点击‘一键导出’：关闭弹窗，回到应用中心，右上角出现导出进行中提示信息：一键导出数据可视化会将所有已发布图表（含路径目录）、报表（含路径目录）、数据大屏（含路径目录）、图表模版全部导出为json文件。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 点击‘筛选导出’：进入数据可视化筛选列表页面，默认显示‘图表’标签页，并展示已发布图表数据项列表：标签页： 图表：显示所有已发布状态图表，以树形结构展示，支持按照‘图表名称’模糊匹配查找。 报表：显示所有已发布状态报表，以树形结构展示，支持按照‘报表名称’模糊匹配查找。 数据大屏：显示所有已发布状态数据大屏，以树形结构展示，支持按照‘数据大屏名称’模糊匹配查找。 图表模版：显示所有图表模版，列表形式展示，支持按照‘图表名称’模糊匹配查找。 勾选列表数据项，点击‘导出’按钮：关闭弹窗，回到应用中心，右上角出现导出进行中提示信息：筛选导出数据可视化数据会将所有已发布图表（含路径目录）、报表（含路径目录）、数据大屏（含路径目录）、图表模版全部导出为json文件。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 标品导出 点击‘业务应用——>应用中心’，进入应用中心，点击‘应用列表’标签项；选择‘已安装’应用，点击操作，出现操作菜单：选择‘设计导出’，显示支持导出的各设计项： 模型导出 点击‘业务应用——>应用中心’，进入应用中心；点击已安装应用——>操作，出现操作菜单：选择‘设计导出——>模型导出’：打开导出信息弹窗： 一键导出 导出过程同《1.1.1.1 设计导出/环境迁移导出/模型导出/一键导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 导出过程同《1.1.1.2 设计导出/环境迁移导出/模型导出/筛选导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 界面导出 点击‘业务应用——>应用中心’，进入应用中心；选择已安装应用——>操作——>设计导出——>界面导出，‘导出类型’选择‘标品导出’： 一键导出 导出过程同《1.1.2.1 设计导出/环境迁移导出//界面导出/一键导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 导出过程同《1.1.2.2 设计导出/环境迁移导出/界面导出/筛选导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 流程导出 点击‘业务应用——>应用中心’，进入应用中心；选择已安装应用——>操作——>设计导出——>流程导出，‘导出类型’选择‘标品导出’： 一键导出 导出过程同《1.1.3.1 设计导出/环境迁移导出/流程导出/一键导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 导出过程同《1.1.3.2 设计导出/环境迁移导出/流程导出/筛选导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 集成导出 点击‘业务应用——>应用中心’，进入应用中心；选择已安装应用——>操作——>设计导出——>集成导出，‘导出类型’选择‘标品导出’： 一键导出 导出过程同《1.1.4.1 设计导出/环境迁移导出/集成导出/一键导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 导出过程同《1.1.4.2 设计导出/环境迁移导出/集成导出/筛选导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 数据可视化导出 点击‘业务应用——>应用中心’，进入应用中心；选择已安装应用——>操作——>设计导出——>数据可视化导出，‘导出类型’选择‘标品导出’： 一键导出 导出过程同《1.1.5.1 设计导出/环境迁移导出/数据可视化导出/一键导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 筛选导出 导出过程同《1.1.5.2 设计导出/环境迁移导出/数据可视化导出/筛选导出》，区别是标品导出json文件无法通过前端页面导入其它环境，只能通过技术接口导入。导出任务状态信息、导出任务详细信息查看方式参见《1.3 设计导出/导出任务查看》。 导出任务查看 点击‘业务应用——>应用环境’，进入应用环境：点击‘设计导出’，显示导出任务信息列表：点击导出任务项操作栏‘详情’，进入导出任务详情查看页：点击‘关联文件’，可保存下载导出文件：点击‘返回’按钮：回到导出任务信息列表页。 设计导入 环境迁移导入 进入导入目标环境，点击‘业务应用——>应用中心’，进入应用中心；选择要导入设计数据的已安装应用： 模型导入 导入 选择‘模型导入’：打开导入文件上传信息弹窗：选择要导入的json文件：选择文件后，显示待导入文件：点击‘确定’按钮，执行设计数据迁移导入：如果选择的导入文件类型为非迁移导出文件，则右上方提示（其它设计类型迁移导入文件类型同此）：导入文件选择正确，点击确定后，右上角提示导入信息：点击‘设计器——>模型设计器’： 验证导入结果 进入导入环境模型设计器，查看导入数据是否已成功导入： 界面导入 导入 选择‘界面导入’：打开导入文件上传弹窗：选择要导入的json文件上传后，点击‘确定’按钮，关闭弹窗，右上角显示导入提示信息： 验证导入结果 进入界面设计器，检查导出数据是否正确导入： 流程导入 导入 选择‘流程导入’：打开导入文件上传弹窗页面：选择要导入的json文件上传后，点击‘确定’按钮，关闭弹窗，右上角显示导入提示信息： 验证导入结果 进入流程设计器，检查导出数据是否正确导入： 集成导入 导入 选择‘集成导入’：打开导入文件上传弹窗：选择要导入的json文件上传后，点击‘确定’按钮，关闭弹窗，右上角显示导入提示信息： 验证导入结果 进入集成设计器，检查导出数据是否正确导入。验证连接器：验证数据流程：验证开放接口： 数据可视化导入 导入 选择‘数据可视化导入’：打开导入文件上传弹窗：选择要导入的json文件上传后，点击‘确定’按钮，关闭弹窗，右上角显示导入提示信息： 验证导入结果 进入数据可视化，检查导出数据是否正确导入：验证图表：验证报表：验证数据大屏：验证图表模版： 设计导入任务查看 导入环境，点击‘业务应用——>应用环境’，进入应用环境；点击‘设计导入’：显示所有设计导入信息列表：点击‘详情’，查看设计导入详细信息：点击‘返回’按钮，回到导入信息列表展示页： 同步部署 部署环境管理 创建部署环境 选择：业务应用——>应用环境，进入应用环境；默认显示当前所有已配置环境： 删除部署环境配置 未勾选任何已配置部署环境时，删除按钮不可用：勾选一条或多条已配置环境信息，点击”删除“，可完成已配置部署环境删除： 编辑部署环境配置 点击部署环境配置项操作栏‘编辑’操作，进入部署环境配置项编辑页：支持对所有配置项数据进行修改编辑；其中标红项为必须，即不能为空，且名称不能重复。点击‘返回’按钮，放弃本次编辑，回到部署环境配置项列表页：点击‘确定’按钮，保存编辑内容，并回到部署环境配置列表展示页： 部署环境详情查看 点击部署环境配置项，操作栏‘详情’，进入部署环境配置项详情查看页面：点击‘返回’按钮，回到部署环境配置列表展示页： 确认部署目标环境配置 进入应用环境，点击‘部署环境配置’，显示当前已配置环境列表：检查是否已配置同步部署目标环境，如已存在，无需再次配置。 模型部署…
