demo16 demo17

Former-commit-id: 867d847b396c542e5f5bc492d3ece0e228d06f9f [formerly 867d847b396c542e5f5bc492d3ece0e228d06f9f [formerly 867d847b396c542e5f5bc492d3ece0e228d06f9f [formerly 867d847b396c542e5f5bc492d3ece0e228d06f9f [formerly 596c63b1c4823c7500f856a5c8711944eac856aa [formerly 659b57e61a0c0aa379d97d4dd402d8b2d4cb5b77]]]]]
Former-commit-id: 40710ae76de1296f80c993a039c3e47ca5df46b6
Former-commit-id: fc8e8c4db0aa8c0678fba334fe631bf8cf384150
Former-commit-id: 9a13303ea6639a27a3ef75cd5dd88b67faa1f1a3 [formerly 8b740f853f28e9dc861e7542f687b8b99ae66e51]
Former-commit-id: e1ba6bcbb02d33909aefdee57cca0c966ac0a1ab
Former-commit-id: 276f2966811469a7b61ab18519b53454db165efb
Former-commit-id: 69c47e12347f1d85169983bca1954246fce030b9
Former-commit-id: 4cfb442781f0b223068c169b02245cae038f056a
Former-commit-id: 4ce13a2c60541e5b978b24d412141f1e0903ed45

src/pages/demo/d2-crud/demo16/code.js

@@ -4,6 +4,7 @@ export default `<template>
       ref="d2Crud"
       :columns="columns"
       :data="data"
+      add-title="我的新增"
       :form-template="formTemplate"
       :form-options="formOptions"
       @row-add="handleRowAdd"

src/pages/demo/d2-crud/demo16/doc.md

@@ -1 +1 @@
-通过 `ref` 调用 `D2 Crud` 的 `showDialog` 方法，并传入 `mode: 'add'`属性，可开启新增模式，需要定义 `add-template` 来为新增的表单添加模板，也可以向 `showDialog` 中传入 `template`对象来灵活定义新的模板，向`form-options` 中传入 `labelWidth` 和 `labelPosition` 来控制表单中label的显示, `saveLoading` 则控制保存按钮的loading状态， `row-add` 事件控制数据新增，接收两个参数： `row` 是当前新增行的数据， `done` 用于控制保存成功，可以在 `done()` 之前加入自己的逻辑代码，`done()`可以传入包含表单字段的对象来覆盖提交的数据，`done(false)` 可以取消新增，通过 `ref` 调用 `D2 Crud` 的 `closeDialog` 方法可以关闭模态框。代码如下：
+通过 `ref` 调用 `D2 Crud` 的 `showDialog` 方法，并传入 `mode: 'add'`属性，可开启新增模式，需要定义 `add-template` 来为新增的表单添加模板，也可以向 `showDialog` 中传入 `template`对象来灵活定义新的模板，定义 `add-title` 来修改新增模态框的标题，向`form-options` 中传入 `labelWidth` 和 `labelPosition` 来控制表单中label的显示, `saveLoading` 则控制保存按钮的loading状态， `row-add` 事件控制数据新增，接收两个参数： `row` 是当前新增行的数据， `done` 用于控制保存成功，可以在 `done()` 之前加入自己的逻辑代码，`done()`可以传入包含表单字段的对象来覆盖提交的数据，`done(false)` 可以取消新增，通过 `ref` 调用 `D2 Crud` 的 `closeDialog` 方法可以关闭模态框。代码如下：

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

@@ -5,6 +5,7 @@
       ref="d2Crud"
       :columns="columns"
       :data="data"
+      add-title="我的新增"
       :add-template="addTemplate"
       :form-options="formOptions"
       @row-add="handleRowAdd"

src/pages/demo/d2-crud/demo17/code.js

@@ -5,6 +5,7 @@ export default `<template>
       :columns="columns"
       :data="data"
       :rowHandle="rowHandle"
+      edit-title="我的修改"
       :edit-template="editTemplate"
       :form-options="formOptions"
       @row-edit="handleRowEdit"

src/pages/demo/d2-crud/demo17/doc.md

@@ -1 +1 @@
-通过给 `D2 Crud` 传入 `rowHandle` 可开启表格操作列，传入 `columnHeader` 可以自定义操作列的表头，传入 `edit` 对象可以开启编辑模式，需要传入 `edit-template` 来为编辑添加模板，通过 `ref` 调用 `D2 Crud` 的 `showDialog` 方法，并传入 `mode: 'edit'` 、`rowIndex` 属性和 `template`对象，可使用自定义模板编辑指定行，向`form-options` 中传入 `labelWidth` 和 `labelPosition` 来控制表单中label的显示, `saveLoading` 则控制保存按钮的loading状态， `row-edit` 事件控制数据编辑，参数： `index` 是当前编辑行的索引， `row` 是当前编辑行的数据， `done` 用于控制编辑成功，可以在 `done()` 之前加入自己的逻辑代码，`done()`可以传入包含表单字段的对象来覆盖提交的数据，`done(false)` 可以取消编辑，通过 `ref` 调用 `D2 Crud` 的 `closeDialog` 方法可以关闭模态框。代码如下：
+通过给 `D2 Crud` 传入 `rowHandle` 可开启表格操作列，传入 `columnHeader` 可以自定义操作列的表头，传入 `edit` 对象可以开启编辑模式，需要传入 `edit-template` 来为编辑添加模板，通过 `ref` 调用 `D2 Crud` 的 `showDialog` 方法，并传入 `mode: 'edit'` 、`rowIndex` 属性和 `template`对象，可使用自定义模板编辑指定行，定义 `edit-title` 来修改编辑模态框的标题，向`form-options` 中传入 `labelWidth` 和 `labelPosition` 来控制表单中label的显示, `saveLoading` 则控制保存按钮的loading状态， `row-edit` 事件控制数据编辑，参数： `index` 是当前编辑行的索引， `row` 是当前编辑行的数据， `done` 用于控制编辑成功，可以在 `done()` 之前加入自己的逻辑代码，`done()`可以传入包含表单字段的对象来覆盖提交的数据，`done(false)` 可以取消编辑，通过 `ref` 调用 `D2 Crud` 的 `closeDialog` 方法可以关闭模态框。代码如下：

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

@@ -6,6 +6,7 @@
       :columns="columns"
       :data="data"
       :rowHandle="rowHandle"
+      edit-title="我的修改"
       :edit-template="editTemplate"
       :form-options="formOptions"
       @row-edit="handleRowEdit"