Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
ChenSun1
vue-vben-admin
提交
5ad93c60
V
vue-vben-admin
项目概览
ChenSun1
/
vue-vben-admin
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue-vben-admin
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
未验证
提交
5ad93c60
编写于
4月 29, 2022
作者:
C
chengj
提交者:
GitHub
4月 29, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(function): get selected tree node (#1857)
上级
ce7f382b
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
34 addition
and
1 deletion
+34
-1
src/components/Tree/src/Tree.vue
src/components/Tree/src/Tree.vue
+2
-0
src/components/Tree/src/tree.ts
src/components/Tree/src/tree.ts
+5
-0
src/components/Tree/src/useTree.ts
src/components/Tree/src/useTree.ts
+19
-1
src/views/demo/tree/ActionTree.vue
src/views/demo/tree/ActionTree.vue
+8
-0
未找到文件。
src/components/Tree/src/Tree.vue
浏览文件 @
5ad93c60
...
...
@@ -119,6 +119,7 @@
getAllKeys
,
getChildrenKeys
,
getEnabledKeys
,
getSelectedNode
,
}
=
useTree
(
treeDataRef
,
getFieldNames
);
function
getIcon
(
params
:
Recordable
,
icon
?:
string
)
{
...
...
@@ -320,6 +321,7 @@
insertNodesByKey
,
deleteNodeByKey
,
updateNodeByKey
,
getSelectedNode
,
checkAll
,
expandAll
,
filterByLevel
:
(
level
:
number
)
=>
{
...
...
src/components/Tree/src/tree.ts
浏览文件 @
5ad93c60
...
...
@@ -185,4 +185,9 @@ export interface TreeActionType {
updateNodeByKey
:
(
key
:
string
,
node
:
Omit
<
TreeDataItem
,
'
key
'
>
)
=>
void
;
setSearchValue
:
(
value
:
string
)
=>
void
;
getSearchValue
:
()
=>
string
;
getSelectedNode
:
(
key
:
KeyType
,
treeList
?:
TreeItem
[],
selectNode
?:
TreeItem
|
null
,
)
=>
TreeItem
|
null
;
}
src/components/Tree/src/useTree.ts
浏览文件 @
5ad93c60
import
type
{
InsertNodeParams
,
KeyType
,
FieldNames
}
from
'
./tree
'
;
import
type
{
InsertNodeParams
,
KeyType
,
FieldNames
,
TreeItem
}
from
'
./tree
'
;
import
type
{
Ref
,
ComputedRef
}
from
'
vue
'
;
import
type
{
TreeDataItem
}
from
'
ant-design-vue/es/tree/Tree
'
;
...
...
@@ -176,6 +176,23 @@ export function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: Compute
}
}
}
// Get selected node
function
getSelectedNode
(
key
:
KeyType
,
list
?:
TreeItem
[],
selectedNode
?:
TreeItem
|
null
)
{
if
(
!
key
&&
key
!==
0
)
return
null
;
const
treeData
=
list
||
unref
(
treeDataRef
);
treeData
.
forEach
((
item
)
=>
{
if
(
selectedNode
?.
key
||
selectedNode
?.
key
===
0
)
return
selectedNode
;
if
(
item
.
key
===
key
)
{
selectedNode
=
item
;
return
;
}
if
(
item
.
children
&&
item
.
children
.
length
)
{
selectedNode
=
getSelectedNode
(
key
,
item
.
children
,
selectedNode
);
}
});
return
selectedNode
||
null
;
}
return
{
deleteNodeByKey
,
insertNodeByKey
,
...
...
@@ -185,5 +202,6 @@ export function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: Compute
getAllKeys
,
getChildrenKeys
,
getEnabledKeys
,
getSelectedNode
,
};
}
src/views/demo/tree/ActionTree.vue
浏览文件 @
5ad93c60
...
...
@@ -13,6 +13,7 @@
<a-button
@
click=
"handleGetCheckData"
class=
"mr-2"
>
获取勾选数据
</a-button>
<a-button
@
click=
"handleSetSelectData"
class=
"mr-2"
>
设置选中数据
</a-button>
<a-button
@
click=
"handleGetSelectData"
class=
"mr-2"
>
获取选中数据
</a-button>
<a-button
@
click=
"handleGetSelectNode"
class=
"mr-2"
>
获取选中节点
</a-button>
<a-button
@
click=
"handleSetExpandData"
class=
"mr-2"
>
设置展开数据
</a-button>
<a-button
@
click=
"handleGetExpandData"
class=
"mr-2"
>
获取展开数据
</a-button>
...
...
@@ -69,6 +70,12 @@
createMessage
.
success
(
JSON
.
stringify
(
keys
));
}
function
handleGetSelectNode
()
{
const
keys
=
getTree
().
getSelectedKeys
();
const
node
=
getTree
().
getSelectedNode
(
keys
[
0
]);
createMessage
.
success
(
node
!==
null
?
JSON
.
stringify
(
node
)
:
null
);
}
function
handleSetExpandData
()
{
getTree
().
setExpandedKeys
([
'
0-0
'
]);
}
...
...
@@ -120,6 +127,7 @@
handleGetSelectData
,
handleSetExpandData
,
handleGetExpandData
,
handleGetSelectNode
,
appendNodeByKey
,
deleteNodeByKey
,
updateNodeByKey
,
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录