Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
B
basic-vue-admin
概览
概览
详情
活动
周期分析
版本库
存储库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
Basic
basic-vue-admin
Commits
fe2bcfc6
提交
fe2bcfc6
authored
6月 05, 2021
作者:
无木
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(table): support custom update on row editing
在表格进入行编辑状态时,在某一列数据发生修改时,允许获取或同步修改其它列的当前编辑数据。 close #646
上级
808012b5
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
19 行增加
和
2 行删除
+19
-2
EditableCell.vue
...components/Table/src/components/editable/EditableCell.vue
+4
-0
index.ts
src/components/Table/src/components/editable/index.ts
+2
-1
EditRowTable.vue
src/views/demo/table/EditRowTable.vue
+13
-1
没有找到文件。
src/components/Table/src/components/editable/EditableCell.vue
浏览文件 @
fe2bcfc6
...
...
@@ -282,6 +282,10 @@
initCbs
(
'validCbs'
,
handleSubmiRule
);
initCbs
(
'cancelCbs'
,
handleCancel
);
if
(
props
.
column
.
dataIndex
)
{
if
(
!
props
.
record
.
editValueRefs
)
props
.
record
.
editValueRefs
=
{};
props
.
record
.
editValueRefs
[
props
.
column
.
dataIndex
]
=
currentValueRef
;
}
/* eslint-disable */
props
.
record
.
onCancelEdit
=
()
=>
{
isArray
(
props
.
record
?.
cancelCbs
)
&&
props
.
record
?.
cancelCbs
.
forEach
((
fn
)
=>
fn
());
...
...
src/components/Table/src/components/editable/index.ts
浏览文件 @
fe2bcfc6
import
type
{
BasicColumn
}
from
'/@/components/Table/src/types/table'
;
import
{
h
}
from
'vue'
;
import
{
h
,
Ref
}
from
'vue'
;
import
EditableCell
from
'./EditableCell.vue'
;
...
...
@@ -50,5 +50,6 @@ export type EditRecordRow<T = Recordable> = Partial<
submitCbs
:
Fn
[];
cancelCbs
:
Fn
[];
validCbs
:
Fn
[];
editValueRefs
:
Recordable
<
Ref
>
;
}
&
T
>
;
src/views/demo/table/EditRowTable.vue
浏览文件 @
fe2bcfc6
<
template
>
<div
class=
"p-4"
>
<BasicTable
@
register=
"registerTable"
>
<BasicTable
@
register=
"registerTable"
@
edit-change=
"onEditChange"
>
<template
#
action=
"
{ record, column }">
<TableAction
:actions=
"createActions(record, column)"
/>
</
template
>
...
...
@@ -145,6 +145,9 @@
const
[
registerTable
]
=
useTable
({
title
:
'可编辑行示例'
,
titleHelpMessage
:
[
'本例中修改[数字输入框]这一列时,同一行的[远程下拉]列的当前编辑数据也会同步发生改变'
,
],
api
:
demoListApi
,
columns
:
columns
,
showIndexColumn
:
false
,
...
...
@@ -198,10 +201,19 @@
];
}
function
onEditChange
({
column
,
value
,
record
})
{
// 本例
if
(
column
.
dataIndex
===
'id'
)
{
record
.
editValueRefs
.
name4
.
value
=
`
${
value
}
`
;
}
console
.
log
(
column
,
value
,
record
);
}
return
{
registerTable
,
handleEdit
,
createActions
,
onEditChange
,
};
},
});
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论