【二开】JEECGBOOT在线js增强记录

编辑表单二级联动回显增强

loaded  (){
  that.$nextTick(() => {
    
    let agent_id = that.form.getFieldValue("agent_id")
    console.info(agent_id)
    
    let corp_id = that.form.getFieldValue("corp_id")
    
    
    
    
        let cityOptions = []
      
      //赋值二级下拉的内容
          that.changeOptions('agent_id',cityOptions);
      
       //ert(value)
      let _vm = that;
        getAction('http://127.0.0.1/jeecg-boot/online/cgform/api/getData/2c9196ce8e4ff84f018e50573f450003?_t=1710750765&corp_id='+corp_id+'&column=id&order=desc&pageNo=1&pageSize=30&superQueryMatchType=and').then(res=>{
          //that.loadData()
          
          console.info(res)
          let 是否置空应用 = true;
          let 首个应用id = null;
          if(res.success){
            
            res.result.records.forEach(function(element) {
              	if(agent_id == element.agent_id){
                		是否置空应用 = false;
                }
               cityOptions.push({text:element.name, value:element.agent_id})
              首个应用id = element.agent_id
            });
          }else{
          	alert(res.message)
          }
          
          //赋值二级下拉的内容
          _vm.changeOptions('agent_id',cityOptions);
          
          if(是否置空应用){
          
          	_vm.form.setFieldsValue({"agent_id":首个应用id});
          }
          
          
        })
    
    
    
    /*
    
   //清空二级下拉的内容
    that.form.setFieldsValue({"agent_id":null});
    //清空二级下拉的内容
    that.changeOptions('agent_id',[]);
    
    */
    
  });

二级联动功能

javascript 复制代码
onlChange(){
  return {
    corp_id(){
     //清空二级下拉的内容
    			that.form.setFieldsValue({"agent_id":null})
      
      let value = event.value
      let cityOptions = []
      
      //赋值二级下拉的内容
          that.changeOptions('agent_id',cityOptions);
      
       //ert(value)
      let _vm = that;
        getAction('http://127.0.0.1/jeecg-boot/online/cgform/api/getData/2c9196ce8e4ff84f018e50573f450003?_t=1710750765&corp_id='+value+'&column=id&order=desc&pageNo=1&pageSize=30&superQueryMatchType=and').then(res=>{
          //that.loadData()
          
          console.info(res)
          if(res.success){
            
            res.result.records.forEach(function(element) {
               cityOptions.push({text:element.name, value:element.agent_id})
            });
          }else{
          	alert(res.message)
          }
          
          //赋值二级下拉的内容
          _vm.changeOptions('agent_id',cityOptions);
        })
    }
  }
},

后续可以将接口请求的内容做个缓存优化

相关推荐
VBA6337几秒前
VBA数据库解决方案第十五讲:Recordset集合中单个数据的精确处理
开发语言
wrx繁星点点4 分钟前
事务的四大特性(ACID)
java·开发语言·数据库
不写八个10 分钟前
Python办公自动化教程(005):Word添加段落
开发语言·python·word
HEX9CF15 分钟前
【CTF Web】Pikachu xss之href输出 Writeup(GET请求+反射型XSS+javascript:伪协议绕过)
开发语言·前端·javascript·安全·网络安全·ecmascript·xss
凌云行者27 分钟前
使用rust写一个Web服务器——单线程版本
服务器·前端·rust
赵荏苒40 分钟前
Python小白之Pandas1
开发语言·python
丶Darling.41 分钟前
代码随想录 | Day26 | 二叉树:二叉搜索树中的插入操作&&删除二叉搜索树中的节点&&修剪二叉搜索树
开发语言·数据结构·c++·笔记·学习·算法
华农第一蒟蒻43 分钟前
Java中JWT(JSON Web Token)的运用
java·前端·spring boot·json·token
积水成江44 分钟前
关于Generator,async 和 await的介绍
前端·javascript·vue.js
Z3r4y1 小时前
【Web】portswigger 服务端原型污染 labs 全解
javascript·web安全·nodejs·原型链污染·wp·portswigger