yexuejc007/PlayEdu-backend
1
0
Fork 0
mirror of https://github.com/PlayEdu/backend synced 2025-06-10 18:54:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

树形组件初步

Browse Source
This commit is contained in:
禺狨 2023-03-10 16:47:58 +08:00
parent 32af1deb43
commit 521e6e1378
2 changed files with 46 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/compenents/tree-category/index.tsx
View File

@ -1,6 +1,8 @@
import { Button, Input, message, Tree } from "antd";
import { useState, useEffect } from "react";
import { resourceCategory } from "../../api/index";
import type { TreeProps } from "antd/es/tree";
interface Option {
key: string | number;
title: string;
@ -65,5 +67,25 @@ export const TreeCategory = (props: PropInterface) => {
props.onUpdate(selectedKeys);
};
return <Tree onSelect={onSelect} treeData={treeData} />;
const onDragEnter: TreeProps["onDragEnter"] = (info) => {
console.log(info);
// expandedKeys 需要受控时设置
// setExpandedKeys(info.expandedKeys)
};
const onDrop: TreeProps["onDrop"] = (info) => {
console.log(info);
// expandedKeys 需要受控时设置
// setExpandedKeys(info.expandedKeys)
};
return (
<Tree
onSelect={onSelect}
treeData={treeData}
draggable
onDragEnter={onDragEnter}
onDrop={onDrop}
/>
);
};

24
src/compenents/tree-department/index.tsx
View File

@ -1,6 +1,8 @@
import { Button, Input, message, Tree } from "antd";
import { useState, useEffect } from "react";
import { department } from "../../api/index";
import type { TreeProps } from "antd/es/tree";
interface Option {
key: string | number;
title: string;
@ -54,5 +56,25 @@ export const TreeDepartment = (props: PropInterface) => {
props.onUpdate(selectedKeys);
};
return <Tree onSelect={onSelect} treeData={treeData} />;
const onDragEnter: TreeProps["onDragEnter"] = (info) => {
console.log(info);
// expandedKeys 需要受控时设置
// setExpandedKeys(info.expandedKeys)
};
const onDrop: TreeProps["onDrop"] = (info) => {
console.log(info);
// expandedKeys 需要受控时设置
// setExpandedKeys(info.expandedKeys)
};
return (
<Tree
onSelect={onSelect}
treeData={treeData}
draggable
onDragEnter={onDragEnter}
onDrop={onDrop}
/>
);
};