素材巴巴 > 程序开发 >

Antd树型选择控件TreeSelect搜索功能

程序开发 2023-09-12 13:02:03

有时候我们需要在TreeSelect中添加搜索功能,Antd是有提供对应的配置选项,两步即能实现:

1、在a-tree-select标签中添加show-search参数,这能在下拉中显示搜索框,需要注意的是仅在单选模式下生效;

2、在a-tree-select标签中添加tree-node-filter-prop参数,其值为tree-data参数绑定的数组(图中接口返回的整个data数组)的title值。

我们在搜索框中输入想要查找的内容,TreeSelect就会自动过滤搜索结果并展示,如下图:

 


标签:

上一篇: Spring6 数据校验 Validation 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。