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

Multiple Cascaders #23410

Closed
1 task done
codingwithswapnil opened this issue Apr 20, 2020 · 11 comments
Closed
1 task done

Multiple Cascaders #23410

codingwithswapnil opened this issue Apr 20, 2020 · 11 comments

Comments

@codingwithswapnil
Copy link

codingwithswapnil commented Apr 20, 2020

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://ant.design/components/cascader/

Steps to reproduce

If I select on cascader, I need to append the selected one on top and keep one for other selection.

What is expected?

on click on CROSS, there should be event to handle and name of cascader should be allowed to be ARRAY.

What is actually happening?

I am adding cascaders using state but not able to delete from the state after removal of any value nor able to receive the event of that cascader.

Environment Info
antd 4.1.4
React react 16.10
System Windows
Browser Chrome

Is there any way to handle input name to be array?

@afc163
Copy link
Member

afc163 commented Apr 22, 2020

#6674
#5026

You can try TreeSelect.

@afc163 afc163 closed this as completed Apr 22, 2020
@codingwithswapnil
Copy link
Author

codingwithswapnil commented Apr 22, 2020

Tree select wont use Cascader. I need to use Cascader with multiple on selection of one. I am able to do that with react, but the issue is with clear / deselect. Clearing does not have any method and deselecting treats as onChange and so its binding another cascader.

Capture

@weifpeng
Copy link

同样希望支持多选。请问这个特性是在开发中吗,我是否可以提交 PR 支持该功能。

@afc163
Copy link
Member

afc163 commented Mar 12, 2021

@ToNewDay welcome

@github-actions github-actions bot removed the Inactive label Mar 12, 2021
@weifpeng
Copy link

@afc163 work 中

@weifpeng
Copy link

weifpeng commented Mar 17, 2021

@afc163 烦请帮审阅思路: 地址

@afc163
Copy link
Member

afc163 commented Mar 17, 2021

可以发个 PR 让 @zombieJ 跟踪 review。

@zombieJ
Copy link
Member

zombieJ commented Mar 19, 2021

@ToNewDay,可以使用 rc-selectgenerate 重构一下 rc-cascader,输入框 + 多单选 + 下拉是配套的。新版的 rc-tree-select 也是使用的 generate 实现的。

@weifpeng
Copy link

@ToNewDay,可以使用 rc-selectgenerate 重构一下 rc-cascader,输入框 + 多单选 + 下拉是配套的。新版的 rc-tree-select 也是使用的 generate 实现的。

好的,我研究下

@drizzlesconsin
Copy link
Contributor

是否可以下考虑支持 inline
image

现在是可以设置 open 始终显示

<Cascader
+  open
    style={{ width: 400, height: 600 }}
    options={options}
    onChange={onChange}
    multiple
    maxTagCount="responsive"
  />

image

#31936

@afc163
Copy link
Member

afc163 commented Nov 22, 2021

@afc163 afc163 closed this as completed Nov 22, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

6 participants