猪齿鱼(Choerodon UI )的通用提交的封装 —— 两种方案,A.使用dataSet的自身的submit,B.使用axios.post来提交
submit组件(otherSubmit/axiosSubmit)
一、背景与简介
1、首先我们申请表提交,分为【保存】提交与【其他】提交;
1.1【保存】提交,要求表单必须要有变更,DataToJSON默认为dirty(只转换变更的数据,包括本身无变更但级联有变更的数据),推荐使用dataSet自身的submit;
1.2【其他】提交,要求表单没有变更,有变更需要先进行保存操作(否则提交后会刷新数据,会导致编辑后的数据丢失),例如提交、审批同意、审批拒绝、作废等,一般有两种方案:
- 使用数据源的自身的submit;—— 操作更加简单,但是需要更改dataSet._optionRul,修改数据源transport配置中的URL和data提交数据(data数据受到数据源的限制),且提交时DataToJSON默认为dirty,默认是保存行为,提交还需要配置 DataSet 数据转化规则,不适用于data数据与当前数据源关系不大的申请提交;
- 使用axios.post来提交;—— 最大的特点就是 申请数据不受数据源的限制
2、本次针对上面的两种方案,进行优化并抽离出单独的组件;
2.1使用数据源的自身的submit —— otherSubmit
2.2使用axios.post来提交 —— axiosSubmit</
猪齿鱼(Choerodon UI )的通用提交的封装 —— 两种方案,A.使用dataSet的自身的submit,B.使用axios.post来提交相关推荐
- 猪齿鱼Choerodon UI中,对保存校验失败的提示语进行优化,自动提示所有校验失败的字段,而不是简单的提示“数据校验不通过”
猪齿鱼Choerodon UI中,对保存校验失败的提示语进行优化,自动提示所有校验失败的字段,而不是简单的提示"数据校验不通过" 三个技术优化方案 以10条新建的关联交易行(存在关 ...
- Spark Standalone -- 独立集群模式、Spark 提交任务的两种模式、spark在yarn上运行的环境搭建、自己写的spark代码如何提交到yarn上并运行...
目录 Spark Standalone -- 独立集群模式 Standalone 架构图 Standalone 的搭建 1.上传.解压.重命名 2.配置环境变量 3.修改配置文件 conf 4.同步到 ...
- 向服务器端提交数据的两种方式
朴素版: ...
- python表单提交的两种方式_Flask框架学习笔记之表单基础介绍与表单提交方式
本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式.分享给大家供大家参考,具体如下: 表单介绍 表单是HTML页面中负责数据采集功能的部件.由表单标签,表单域和表单按钮组成.通过表单,将 ...
- Spark提交代码的两种方式
基于spark1.6测试(虽然很多公司都已经在用2.X了,但是1.6我认为是最经典的版本,CDH最新版本至今默认的spark版本依然是1.6,不过2.X提交方式是基本没有变的) Standalone ...
- 猪齿鱼Choerodon UI的级联数据源之间、非级联数据源之间的请求状态进行关联
一.关联的数据源,每次查询父级数据源的数据时,当没有返回子级数据源的数据时,会自动异步的请求自己数据源的数据:但是当我们需要监听子级数据源的请求状态时,例如: 关联的数据源,当头数据源中字段的禁用状态 ...
- JavaScript中避免Form重复提交的两种方案
1.javascript ,设置一个变量,只允许提交一次. <script language="javascript"> var checkSubmitFlg ...
- form表单提交数据的两种方式——submit直接提交、AJAX提交
submit提交 form表单本身提供action属性,在action属性中填写数据提交地址后,点击submit类型的按钮即可将数据提交至指定地址,代码如下: <form action=&quo ...
- Vue3+Vite 图标封装3种方案
目录 一.使用iconify图标库 1. 下载插件 2. 配置vite.config.ts 3. 使用 3.1 方式1 3.2 方式2 二.使用iconfont图标库 1. 下载iconfont.js ...
最新文章
- GoogleLog(GLog)源码分析
- MFC创建属性页详细步骤与注意事项
- 【设计模式】依赖倒转原则
- SQL中 char、varchar、text 和 nchar、nvarchar、ntext的区别
- 各纬度气候分布图_欧洲气候特征:以温带气候类型为主,是海洋性气候最显著的大洲...
- cd短是什么意思_每日命令|pwd、cd
- Windows之vue-cli安装和vue项目快速搭建
- Wi-Fi 6连续两年出货量国内登顶,锐捷无线靠什么这么6?
- 《游戏大师Chris Crawford谈互动叙事》一1.2 两种思维方式
- 造成物联卡那么火爆的原因是什么
- 添加控件并处理事件(纯手写)
- 多行文字cad提取数据_怎样从cad中提取excel表格数据-如何快速提取CAD图纸表格数据...
- 国科大学习资料--矩阵分析与应用(李保滨)--2017年期末考试试卷
- PCB板检测机(PCB板外观缺陷视觉检测设备)
- VHDL——含异步清零和同步使能的加法计数器源程序
- 计算机原理形考3,计算机组成原理A形考作业3参考解答
- 谷歌X最新开源任务驱动的类级别机器人抓取CaTGrasp!
- Java8 ,LocalDate,LocalDateTime处理日期和时间工具类,
- android hid自动重连,Android Bluetooth HID
- 对View的onMeasure方法理解