submit组件(otherSubmit/axiosSubmit)

一、背景与简介

1、首先我们申请表提交,分为【保存】提交与【其他】提交;

1.1【保存】提交,要求表单必须要有变更,DataToJSON默认为dirty(只转换变更的数据,包括本身无变更但级联有变更的数据),推荐使用dataSet自身的submit;

1.2【其他】提交,要求表单没有变更,有变更需要先进行保存操作(否则提交后会刷新数据,会导致编辑后的数据丢失),例如提交、审批同意、审批拒绝、作废等,一般有两种方案:

  1. 使用数据源的自身的submit;—— 操作更加简单,但是需要更改dataSet._optionRul,修改数据源transport配置中的URL和data提交数据(data数据受到数据源的限制),且提交时DataToJSON默认为dirty,默认是保存行为,提交还需要配置 DataSet 数据转化规则,不适用于data数据与当前数据源关系不大的申请提交;
  2. 使用axios.post来提交;—— 最大的特点就是 申请数据不受数据源的限制

2、本次针对上面的两种方案,进行优化并抽离出单独的组件;

2.1使用数据源的自身的submit —— otherSubmit

2.2使用axios.post来提交 —— axiosSubmit</

猪齿鱼(Choerodon UI )的通用提交的封装 —— 两种方案,A.使用dataSet的自身的submit,B.使用axios.post来提交相关推荐

  1. 猪齿鱼Choerodon UI中,对保存校验失败的提示语进行优化,自动提示所有校验失败的字段,而不是简单的提示“数据校验不通过”

    猪齿鱼Choerodon UI中,对保存校验失败的提示语进行优化,自动提示所有校验失败的字段,而不是简单的提示"数据校验不通过" 三个技术优化方案 以10条新建的关联交易行(存在关 ...

  2. Spark Standalone -- 独立集群模式、Spark 提交任务的两种模式、spark在yarn上运行的环境搭建、自己写的spark代码如何提交到yarn上并运行...

    目录 Spark Standalone -- 独立集群模式 Standalone 架构图 Standalone 的搭建 1.上传.解压.重命名 2.配置环境变量 3.修改配置文件 conf 4.同步到 ...

  3. 向服务器端提交数据的两种方式

    朴素版:                                                                                                 ...

  4. python表单提交的两种方式_Flask框架学习笔记之表单基础介绍与表单提交方式

    本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式.分享给大家供大家参考,具体如下: 表单介绍 表单是HTML页面中负责数据采集功能的部件.由表单标签,表单域和表单按钮组成.通过表单,将 ...

  5. Spark提交代码的两种方式

    基于spark1.6测试(虽然很多公司都已经在用2.X了,但是1.6我认为是最经典的版本,CDH最新版本至今默认的spark版本依然是1.6,不过2.X提交方式是基本没有变的) Standalone ...

  6. 猪齿鱼Choerodon UI的级联数据源之间、非级联数据源之间的请求状态进行关联

    一.关联的数据源,每次查询父级数据源的数据时,当没有返回子级数据源的数据时,会自动异步的请求自己数据源的数据:但是当我们需要监听子级数据源的请求状态时,例如: 关联的数据源,当头数据源中字段的禁用状态 ...

  7. JavaScript中避免Form重复提交的两种方案

    1.javascript ,设置一个变量,只允许提交一次. <script language="javascript">     var checkSubmitFlg ...

  8. form表单提交数据的两种方式——submit直接提交、AJAX提交

    submit提交 form表单本身提供action属性,在action属性中填写数据提交地址后,点击submit类型的按钮即可将数据提交至指定地址,代码如下: <form action=&quo ...

  9. Vue3+Vite 图标封装3种方案

    目录 一.使用iconify图标库 1. 下载插件 2. 配置vite.config.ts 3. 使用 3.1 方式1 3.2 方式2 二.使用iconfont图标库 1. 下载iconfont.js ...

最新文章

  1. GoogleLog(GLog)源码分析
  2. MFC创建属性页详细步骤与注意事项
  3. 【设计模式】依赖倒转原则
  4. SQL中 char、varchar、text 和 nchar、nvarchar、ntext的区别
  5. 各纬度气候分布图_欧洲气候特征:以温带气候类型为主,是海洋性气候最显著的大洲...
  6. cd短是什么意思_每日命令|pwd、cd
  7. Windows之vue-cli安装和vue项目快速搭建
  8. Wi-Fi 6连续两年出货量国内登顶,锐捷无线靠什么这么6?
  9. 《游戏大师Chris Crawford谈互动叙事》一1.2 两种思维方式
  10. 造成物联卡那么火爆的原因是什么
  11. 添加控件并处理事件(纯手写)
  12. 多行文字cad提取数据_怎样从cad中提取excel表格数据-如何快速提取CAD图纸表格数据...
  13. 国科大学习资料--矩阵分析与应用(李保滨)--2017年期末考试试卷
  14. PCB板检测机(PCB板外观缺陷视觉检测设备)
  15. VHDL——含异步清零和同步使能的加法计数器源程序
  16. 计算机原理形考3,计算机组成原理A形考作业3参考解答
  17. 谷歌X最新开源任务驱动的类级别机器人抓取CaTGrasp!
  18. Java8 ,LocalDate,LocalDateTime处理日期和时间工具类,
  19. android hid自动重连,Android Bluetooth HID
  20. 对View的onMeasure方法理解

热门文章

  1. 梁梦瑶 20190919-4 单元测试
  2. Python数据分析与可视化(数据分析)
  3. photo-sphere-viewer4 全景图插件应用
  4. 捷联惯导基础知识解析之五(低成本姿态航向参考系统)
  5. linux中常见的校验用正则表达式
  6. 恭贺象过河软件在郑州市场3年内突破2000家用户
  7. python计算ema_python – 添加一个列(EMA),它是pandas中先前新列值的结果
  8. 读书笔记_卓越程序员密码
  9. 当我谈过年时,我该谈些什么?
  10. FPGA入门(FPGA结构、Verilog编程基础)