From 913ef6785da19330b340950a5f77aeef35849435 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=A4=E5=BF=83?=
<3277200+sentsim@users.noreply.github.com>
Date: Wed, 10 May 2023 12:16:13 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=20table=20=E5=A4=9A=E6=A0=B7?=
=?UTF-8?q?=E5=8C=96=E7=BC=96=E8=BE=91=E7=9A=84=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
docs/table/examples/editModes.md | 26 +++++++++++++++++++++++---
1 file changed, 23 insertions(+), 3 deletions(-)
diff --git a/docs/table/examples/editModes.md b/docs/table/examples/editModes.md
index b459a781..a7aa2fc9 100644
--- a/docs/table/examples/editModes.md
+++ b/docs/table/examples/editModes.md
@@ -68,7 +68,7 @@ layui.use(function(){
]],
done: function(res, curr, count){
var options = this;
-
+
// 获取当前行数据
table.getRowData = function(elem){
var index = $(elem).closest('tr').data('index');
@@ -80,6 +80,9 @@ layui.use(function(){
var value = this.value; // 获取选中项 value
var data = table.getRowData(this); // 获取当前行数据(如 id 等字段,以作为数据修改的索引)
+ // 更新数据中对应的字段
+ data.city = value;
+
// 显示 - 仅用于演示
layer.msg('选中值: '+ value +'
当前行数据:'+ JSON.stringify(data));
});
@@ -90,6 +93,9 @@ layui.use(function(){
// 获取当前行数据(如 id 等字段,以作为数据修改的索引)
var data = table.getRowData(obj.elem);
+
+ // 更新数据中对应的字段
+ data.city = value;
console.log(data);
});
@@ -113,6 +119,9 @@ layui.use(function(){
this.elem.find('span').html(obj.title);
+ // 更新数据中对应的字段
+ data.sex = obj.title;
+
// 显示 - 仅用于演示
layer.msg('选中值: '+ obj.title +'
当前行数据:'+ JSON.stringify(data));
}
@@ -123,6 +132,9 @@ layui.use(function(){
elem: '.laydate-demo',
done: function(value, date, endDate){
var data = table.getRowData(this.elem); // 获取当前行数据(如 id 等字段,以作为数据修改的索引)
+
+ // 更新数据中对应的字段
+ data.date = value;
// 显示 - 仅用于演示
layer.msg('选中值: '+ value +'
当前行数据:'+ JSON.stringify(data));
@@ -134,21 +146,29 @@ layui.use(function(){
elem: '.colorpicker-demo',
done: function(value){
var data = table.getRowData(this.elem); // 获取当前行数据(如 id 等字段,以作为数据修改的索引)
+
+ // 更新数据中对应的字段
+ data.color = value;
// 显示 - 仅用于演示
layer.msg('选中值: '+ value +'
当前行数据:'+ JSON.stringify(data));
}
});
-
+
// 单元格普通编辑事件
table.on('edit(ID-table-demo-editmodes)', function(obj){
var value = obj.value // 得到修改后的值
var data = obj.data // 得到所在行所有键值
var field = obj.field; // 得到字段
+ // 更新数据中对应的字段
+ var update = {};
+ update[field] = value;
+ obj.update(update);
+
// 编辑后续操作,如提交更新请求,以完成真实的数据更新
// …
-
+
// 显示 - 仅用于演示
layer.msg('编辑值: '+ value +'
当前行数据:'+ JSON.stringify(data));
});