Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
啊嘞嘞EC
vue-vben-admin
提交
fe2bcfc6
V
vue-vben-admin
项目概览
啊嘞嘞EC
/
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,发现更多精彩内容 >>
提交
fe2bcfc6
编写于
6月 05, 2021
作者:
无
无木
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
feat(table): support custom update on row editing
在表格进入行编辑状态时,在某一列数据发生修改时,允许获取或同步修改其它列的当前编辑数据。 close #646
上级
808012b5
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
19 addition
and
2 deletion
+19
-2
src/components/Table/src/components/editable/EditableCell.vue
...components/Table/src/components/editable/EditableCell.vue
+4
-0
src/components/Table/src/components/editable/index.ts
src/components/Table/src/components/editable/index.ts
+2
-1
src/views/demo/table/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
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录