From 9887ce8af55ba23787cf75a8c774714736acd82d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E6=98=8A=E7=BF=94?= <673686754@qq.com>
Date: Tue, 28 Aug 2018 16:46:06 +0800
Subject: [PATCH] =?UTF-8?q?d2-crud=20=E5=9F=BA=E7=A1=80=E8=A1=A8=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: e570bc03852b769639b4888c85a07d6b60ec66b9 [formerly e570bc03852b769639b4888c85a07d6b60ec66b9 [formerly e570bc03852b769639b4888c85a07d6b60ec66b9 [formerly e570bc03852b769639b4888c85a07d6b60ec66b9 [formerly 707df6e0ca4a201395966c5e5db0e004d0d862fc [formerly 5a79488d6cc3085a3e2402dd4b2b05de73e12ef5]]]]]
Former-commit-id: 29aa5969dec9e481a39e6381488a9d14324e895e
Former-commit-id: 27f8d12d043c1ba6c198c8d953adbd8024ff07a6
Former-commit-id: 30222bdfe002872f406308fd6ce58fc4b095b040 [formerly 5d145a6340be0ea300cb77fb07848438cd06a00a]
Former-commit-id: 2254fedb068df677e5eb677081710d3947fe0b1f
Former-commit-id: 8f3dc6459698c11ab8c5b90f213d371ec39e9aa9
Former-commit-id: 420d4c39c6e0568249385387881a0378ff8d6221
Former-commit-id: c8dd9bbcc602ebe89b26bb8b62cc753f94171956
Former-commit-id: 8b4d42e1428c7340f56bcdfc4cd7b5f696fe7c97
---
 docs/zh/ecosystem-d2-crud/example.md   | 1 +
 src/pages/demo/d2-crud/demo1/code.js   | 4 ++++
 src/pages/demo/d2-crud/demo1/doc.md    | 2 +-
 src/pages/demo/d2-crud/demo1/index.vue | 4 ++++
 4 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/docs/zh/ecosystem-d2-crud/example.md b/docs/zh/ecosystem-d2-crud/example.md
index 1edccd8f..753dd7d3 100644
--- a/docs/zh/ecosystem-d2-crud/example.md
+++ b/docs/zh/ecosystem-d2-crud/example.md
@@ -31,3 +31,4 @@
 | 表单组件渲染 | [点我查看](https://fairyever.gitee.io/d2-admin-preview/#/demo/d2-crud/demo20) |
 | 表单布局 | [点我查看](https://fairyever.gitee.io/d2-admin-preview/#/demo/d2-crud/demo21) |
 | 表单校验 | [点我查看](https://fairyever.gitee.io/d2-admin-preview/#/demo/d2-crud/demo22) |
+| 表格内编辑 | [点我查看](https://fairyever.gitee.io/d2-admin-preview/#/demo/d2-crud/demo23) |
diff --git a/src/pages/demo/d2-crud/demo1/code.js b/src/pages/demo/d2-crud/demo1/code.js
index 9302b8fd..8a087f4d 100644
--- a/src/pages/demo/d2-crud/demo1/code.js
+++ b/src/pages/demo/d2-crud/demo1/code.js
@@ -1,6 +1,7 @@
 export default `<template>
   <div>
     <d2-crud
+      ref="d2Crud"
       :columns="columns"
       :data="data"/>
   </div>
@@ -49,6 +50,9 @@ export default {
         }
       ]
     }
+  },
+  mounted () {
+    console.log(this.$refs.d2Crud.d2Data)
   }
 }
 </script>`
diff --git a/src/pages/demo/d2-crud/demo1/doc.md b/src/pages/demo/d2-crud/demo1/doc.md
index 600721ad..e09a2f74 100644
--- a/src/pages/demo/d2-crud/demo1/doc.md
+++ b/src/pages/demo/d2-crud/demo1/doc.md
@@ -1 +1 @@
-在 `D2 Crud` 组件中传入 `columns` 和 `data` 对象数组，即可创建一个最基础的表格，可以在 `columns` 对象中传入 `width` 属性来控制列宽。代码如下：
+在 `D2 Crud` 组件中传入 `columns` 和 `data` 对象数组，即可创建一个最基础的表格，`columns` 中的 `key` 需要与 `data` 中对象的key严格对照，可以在 `columns` 对象中传入 `width` 属性来控制列宽。当表格中的数据通过操作变化时，可以通过 `this.$refs.d2Crud.d2Data` 拿到变化后的表格数据。代码如下：
diff --git a/src/pages/demo/d2-crud/demo1/index.vue b/src/pages/demo/d2-crud/demo1/index.vue
index 8e8a2ece..26481958 100644
--- a/src/pages/demo/d2-crud/demo1/index.vue
+++ b/src/pages/demo/d2-crud/demo1/index.vue
@@ -2,6 +2,7 @@
   <d2-container>
     <template slot="header">基础表格</template>
     <d2-crud
+      ref="d2Crud"
       :columns="columns"
       :data="data"/>
     <el-card shadow="never" class="d2-mb">
@@ -64,6 +65,9 @@ export default {
         }
       ]
     }
+  },
+  mounted () {
+    console.log(this.$refs.d2Crud.d2Data)
   }
 }
 </script>