下拉框二级联动,Form中已实现,Search如何实现?

发布于 2022-08-30 16:22:36

我想做一个班级和年级下拉框的联动,在Form中已完成
年级班级联动Form.png
crud.js 代码如下:

      {
        title: '年级',
        key: 'year_grade',
        search: {
          disabled: false,
          valueChange (key, value, form, { getColumn, mode, component, immediate, getComponent }) {
            console.log('123')
            // const template = vm.getEditFormTemplate('classes')
            // template.component.props = {
            //   dict: {
            //     // cache: false,
            //     url: classPrefix + '?limit=999&year_grade=' + value,
            //     value: 'id',
            //     label: 'name'
            //   }
            // }
          },
          valueChangeImmediate: true
        },
        minWidth: 70,
        type: 'select',
        dict: {
          cache: false,
          url: yearPrefix + '?limit=999',
          value: 'id',
          label: 'name'
        },
        form: {
          component: {
            span: 12,
            props: {
              clearable: true
            },
            placeholder: '请选择年级'
          },
          itemProps: {
            class: { yxtInput: true }
          },
          valueChange (key, value, form, { getColumn, mode, component, immediate, getComponent }) {
            console.log('456')
            const template = vm.getEditFormTemplate('classes')
            if (!immediate) {
              form.classes = undefined
            }
            template.component.props = {
              // value: null,
              dict: {
                // cache: false,
                url: classPrefix + '?limit=999&year_grade=' + value,
                value: 'id',
                label: 'name'
              }
            }
          },
          valueChangeImmediate: true
        }
      },
      {
        title: '班级',
        key: 'classes',
        search: {
          disabled: false
        },
        minWidth: 140,
        type: 'select',
        dict: {
          // cache: false,
          url: classPrefix + '?limit=999',
          value: 'id',
          label: 'name'
        },
        form: {
          component: {
            span: 12,
            props: {
              clearable: true
            },
            placeholder: '请选择班级'
          },
          itemProps: {
            class: { yxtInput: true }
          }
        }
      },

但是在Search中无法实现
年级班级联动Search.png

Form 中实现代码如下:

          valueChange (key, value, form, { getColumn, mode, component, immediate, getComponent }) {
            console.log('456')
            const template = vm.getEditFormTemplate('classes')
            if (!immediate) {
              form.classes = undefined
            }
            template.component.props = {
              // value: null,
              dict: {
                // cache: false,
                url: classPrefix + '?limit=999&year_grade=' + value,
                value: 'id',
                label: 'name'
              }
            }
          },
          valueChangeImmediate: true

请问在Serach中如何实现?

查看更多

关注者
0
被浏览
1.1k
3 个回答
admin123456
admin123456 2023-02-17
vue新手,django略懂,python微懂

你好你的下拉联动能教教我吗,我下拉联动没数据

JY_NIM
JY_NIM 2023-02-17
这家伙很懒,什么也没写!

实现代码上面有啊

royalday
royalday 2023-03-22
这家伙很懒,什么也没写!

感谢,,一直没搞懂怎么搞联动

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友

手机
浏览

扫码手机浏览