Tree

Multi-level structured list.

Scenes to be used

Folders, organizational structures, biological classifications, countries and regions, etc., most of the structures in the world are tree structures. Using the tree control can fully display the hierarchical relationship, and has interactive functions such as expanding and collapsing selection.

  • Display and edit several levels of product categories.

  • Multiple choices of countries, provinces and cities.

Example

{
"Tree": {
"bind": "Tree_value",
"edit": {
"type": "Tree",
"props": {
"checkable": true,
"xProps": {
"remote": {
"api": "/api/tree/search",
"search": {
"select": ["id", "name"]
}
}
}
}
}
}
}

Props

interface IProps extends TreeProps, Component.PropsEditComponent {}

For other properties, see Antd Tree

Tree

Multi-level structured list.

Scenes to be used

Folders, organizational structures, biological classifications, countries and regions, etc., most of the structures in the world are tree structures. Using the tree control can fully display the hierarchical relationship, and has interactive functions such as expanding and collapsing selection.

  • Display and edit several levels of product categories.

  • Multiple choices of countries, provinces and cities.

Example

{
"Tree": {
"bind": "Tree_value",
"edit": {
"type": "Tree",
"props": {
"checkable": true,
"xProps": {
"remote": {
"api": "/api/tree/search",
"search": {
"select": ["id", "name"]
}
}
}
}
}
}
}

Props

interface IProps extends TreeProps, Component.PropsEditComponent {}

For other properties, see Antd Tree