Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ProTable 组件搜索区域联动 #166

Closed
danwbj opened this issue Apr 7, 2023 · 10 comments
Closed

ProTable 组件搜索区域联动 #166

danwbj opened this issue Apr 7, 2023 · 10 comments

Comments

@danwbj
Copy link

danwbj commented Apr 7, 2023

请教一下,搜索区域我想实现两个下拉框,其中一个的下拉数据依赖另一个下拉框的值做联动,要怎么实现

@HalseySpicy
Copy link
Owner

HalseySpicy commented Apr 7, 2023

第一个搜索框 onChange 时更新第二个搜索框的 enum 数据就行了,注意:更新 enum 数据时必须操作原数组才能响应,不能直接赋值:
image

@HalseySpicy HalseySpicy pinned this issue Apr 7, 2023
@HalseySpicy HalseySpicy changed the title 搜索区域联动 ProTable 组件搜索区域联动 Apr 7, 2023
@erbao2001
Copy link

这个应该写进常用技巧

@zhuman90
Copy link

@HalseySpicy 不过这里边有一个问题,就是联动的下级已经选择了某个数据,这时候如果改变上级的数据,那么下级所选择的数据没法清空,还是之前选择的数据

@HalseySpicy
Copy link
Owner

@HalseySpicy 不过这里边有一个问题,就是联动的下级已经选择了某个数据,这时候如果改变上级的数据,那么下级所选择的数据没法清空,还是之前选择的数据

proTable.value.searchParam.xxxx = ""

@zhuman90
Copy link

@HalseySpicy 不过这里边有一个问题,就是联动的下级已经选择了某个数据,这时候如果改变上级的数据,那么下级所选择的数据没法清空,还是之前选择的数据

proTable.value.searchParam.xxxx = ""

非常感谢 🤞

@zscgxs
Copy link

zscgxs commented Jul 12, 2023

第一个搜索框 onChange 时更新第二个搜索框的 enum 数据就行了,注意:更新 enum 数据时必须操作原数组才能响应,不能直接赋值: image

如果点击了重置,这个联动的下级下拉数据怎么清空呢
image

@HalseySpicy
Copy link
Owner

第一个搜索框 onChange 时更新第二个搜索框的 enum 数据就行了,注意:更新 enum 数据时必须操作原数组才能响应,不能直接赋值: image

如果点击了重置,这个联动的下级下拉数据怎么清空呢 image

这样设置了,没清空吗?
image

@zscgxs
Copy link

zscgxs commented Jul 14, 2023

第一个搜索框 onChange 时更新第二个搜索框的 enum 数据就行了,注意:更新 enum 数据时必须操作原数组才能响应,不能直接赋值: image

如果点击了重置,这个联动的下级下拉数据怎么清空呢 image

这样设置了,没清空吗? image

点击重置后设置不了这个吧,重置按钮并不能自定义方法传入

@heavenly-zy
Copy link

第一个搜索框 onChange 时更新第二个搜索框的 enum 数据就行了,注意:更新 enum 数据时必须操作原数组才能响应,不能直接赋值: image

如果点击了重置,这个联动的下级下拉数据怎么清空呢 image

这样设置了,没清空吗? image

点击重置后设置不了这个吧,重置按钮并不能自定义方法传入

可以改 proTable 源码,定义一个 resetCallback 执行重置后的一些操作,类似于 dataCallback 那样
image

@HalseySpicy
Copy link
Owner

1.2.0 版本支持动态更新 columns,可直接赋值 enum,
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants