demo17

Former-commit-id: 3f8978cbce003b596c3c70cef9b5e3b7fea67919 [formerly 3f8978cbce003b596c3c70cef9b5e3b7fea67919 [formerly 3f8978cbce003b596c3c70cef9b5e3b7fea67919 [formerly 3f8978cbce003b596c3c70cef9b5e3b7fea67919 [formerly af03b248ed130578a52df68cc9f056ff74c97f84 [formerly 8571b957930a1b3f44d064d6684485ca3cbdf7f5]]]]]
Former-commit-id: 29fb645bf91fbb79fa25644600a428133fc215ca
Former-commit-id: d912c2fb62daf287a8127a72eb33573cc8df189a
Former-commit-id: 515ff8c21c5504054a105034aa29d33e8d1fb231 [formerly 17d1479cea563999e628205edfd604fa7984a635]
Former-commit-id: 15d093c854129e2dc3fd1a2c753116271953b05e
Former-commit-id: 12cd7f74e5c91d9fcced2aee4e87784299e0d8f6
Former-commit-id: 002892c7df27cffcc34e68011f192b012769eca3
Former-commit-id: 821d2a86d3ac89e34294f36e096e8e8499569a68
Former-commit-id: b5057b8958e81ef6a8c12df48d425ad64629167a

src/pages/demo/d2-crud/demo17/index.vue

@@ -2,16 +2,15 @@
   <d2-container :filename="filename">
     <template slot="header">修改数据</template>
     <d2-crud
+      ref="d2Crud"
       :columns="columns"
       :data="data"
-      title="D2 CRUD"
-      add-mode
       :rowHandle="rowHandle"
-      :form-template="formTemplate"
+      :edit-template="editTemplate"
       :form-options="formOptions"
-      @row-add="handleRowAdd"
       @row-edit="handleRowEdit"
       @dialog-cancel="handleDialogCancel">
+      <el-button slot="header" style="margin-bottom: 5px" @click="editRowWithNewTemplate">使用自定义模板编辑第三行</el-button>
     </d2-crud>
     <el-card shadow="never" class="d2-mb">
       <d2-markdown :source="doc"/>
@@ -99,7 +98,7 @@ export default {
           }
         }
       },
-      formTemplate: {
+      editTemplate: {
         date: {
           title: '日期',
           value: ''
@@ -135,17 +134,21 @@ export default {
     }
   },
   methods: {
-    handleRowAdd (row, done) {
-      this.formOptions.saveLoading = true
-      setTimeout(() => {
-        console.log(row)
-        this.$message({
-          message: '保存成功',
-          type: 'success'
-        })
-        done()
-        this.formOptions.saveLoading = false
-      }, 300)
+    editRowWithNewTemplate () {
+      this.$refs.d2Crud.showDialog({
+        mode: "edit",
+        rowIndex: 2,
+        template: {
+          date: {
+            title: '日期',
+            value: ''
+          },
+          name: {
+            title: '姓名',
+            value: ''
+          }
+        }
+      })
     },
     handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true