【二开】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);
        })
    }
  }
},

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

相关推荐
桃园码工16 分钟前
15_HTML5 表单属性 --[HTML5 API 学习之旅]
前端·html5·表单属性
Am心若依旧40923 分钟前
[c++11(二)]Lambda表达式和Function包装器及bind函数
开发语言·c++
明月看潮生25 分钟前
青少年编程与数学 02-004 Go语言Web编程 20课题、单元测试
开发语言·青少年编程·单元测试·编程与数学·goweb
大G哥35 分钟前
java提高正则处理效率
java·开发语言
VBA63371 小时前
VBA技术资料MF243:利用第三方软件复制PDF数据到EXCEL
开发语言
轩辰~1 小时前
网络协议入门
linux·服务器·开发语言·网络·arm开发·c++·网络协议
小_太_阳1 小时前
Scala_【1】概述
开发语言·后端·scala·intellij-idea
百万蹄蹄向前冲1 小时前
2024不一样的VUE3期末考查
前端·javascript·程序员
向宇it1 小时前
【从零开始入门unity游戏开发之——unity篇02】unity6基础入门——软件下载安装、Unity Hub配置、安装unity编辑器、许可证管理
开发语言·unity·c#·编辑器·游戏引擎
轻口味1 小时前
【每日学点鸿蒙知识】AVCodec、SmartPerf工具、web组件加载、监听键盘的显示隐藏、Asset Store Kit
前端·华为·harmonyos