js增强 主附表中,字段如何联动过滤问题


仓库表  id name

库位表 id area_id name

js增强表单开发中,如何在选择仓库时,点击选择库位,只显示该仓库下的库位,应该用什么控件,如何实现呢?


image.png

评论区

超级管理员 2025-06-26 10:43

监听仓库的change变化通过接口查询对应的库位列表数据,赋值给子表的dicData配置

dtbadmin 2025-06-26 15:18

@超级管理员

编辑回显时下拉框还是没有过滤,打印column中的dicData,明明已经赋值成功了,但是视图还是没有过滤

image.png

image.png

image.png

超级管理员 2025-06-26 15:32

@dtbadmin

在initOption设置,附表用useFun.setSubPropConfig去设置

dtbadmin 2025-06-26 17:22

@超级管理员

你好,还是没有生效

image.png

image.png

超级管理员 2025-06-26 17:36

@dtbadmin

搞错啦,不用延迟 ,setSubPropConfig是用来设置附表的

参考第19点:https://doc.jeelowcode.com/doc/1000-3-25


dtbadmin 2025-06-26 17:41

@超级管理员

去掉延迟也是不生效的,我就是要设置附表的库位下拉值要根据主表的仓库过滤啊o(╥﹏╥)o

比如主表是上海仓,那编辑回显时,附表的库位也只能选上海仓下的啊

超级管理员 2025-06-26 17:56

@dtbadmin

sePropConfig('location_code',{

change:()=>{

    setSubPropConfig('附表字段',{dicData},'附表')

}

)

dtbadmin 2025-06-27 10:08

@超级管理员

还是没有过滤到o(╥﹏╥)o 

image.png image.png

initOption() { //表格显示前执行
    // 编辑回显时,设置库位下拉项
    useFun.setPropConfig('warehouse_id', {
      change: ({ value, row }) => {
        if(value){
          useFun.requestApi('post', '/jeelowcode/dbform-data/list/1937460269634560002', {
            data:{
              warehouse_id: value
            }
          }).then(res => { 
            // // 给字典赋值
            console.log('过滤后的字段数据---->', res.records)
            useFun.setSubPropConfig('location_code',{dicData: res.records},FORM_ITEM_KEY)
          })
        }
      }
    })

  },


超级管理员 2025-06-27 10:21

@dtbadmin

location_code有没有绑定字典? 有的话去掉

dtbadmin 2025-06-27 12:05

@超级管理员

字典去掉后,下拉就显示不出来,而且报了一堆警告

image.png

image.png

image.png

超级管理员 2025-06-27 13:43

@dtbadmin

配置要对应上,props:{label:'',value:''}

https://avuejs.com/form/form-dic.html#%E5%AD%97%E6%AE%B5%E7%B1%BB%E5%9E%8B 中的字段配置

回复