前几天项目有个需求查询条件要弄个树形下拉框查询,翻找了ProComponents的文档,并没有明确给出树形下拉框的数据格式,后面在QueryFilter / LightFilter 筛选表单中找到,具体格式如下
const treeData = [
{
title: 'Node1',
value: '0-0',
key: '0-0',
children: [
{
title: 'Child Node1',
value: '0-0-0',
key: '0-0-0',
},
],
},
{
title: 'Node2',
value: '0-1',
key: '0-1',
children: [
{
title: 'Child Node3',
value: '0-1-0',
key: '0-1-0',
},
{
title: 'Child Node4',
value: '0-1-1',
key: '0-1-1',
},
{
title: 'Child Node5',
value: '0-1-2',
key: '0-1-2',
},
],
},
];
{
title: '树形下拉框',
width: 200,
valueType:'treeSelect',
fieldProps :{treeData,}
},
对应文档的页面:https://procomponents.ant.design/components/query-filter