sheng/mes-ui-d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

文件夹改名

Browse Source 
Former-commit-id: 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 7b74bdf25b14c6a8da08ae07075e3f78be308894 [formerly 1e795e1614aaf94f23ad99354f6ca9be303a1b1e [formerly 9ce21aef6b043d8bfcb2849dd7c6bc34e4625387]]]]]
Former-commit-id: c92d7410adc4138c7903c0067860fc3d190f54b0
Former-commit-id: 9f0ab819a505e341a6edf210efb107df8b8efe33
Former-commit-id: 3006c0d2ccda4133203372c30ffee34a73fa8944 [formerly f340ca4127e4578b3c53747d13bbaba223ed4e83]
Former-commit-id: 9624c2aaa99880b5e37f1e60f1f36ac673e021ed
Former-commit-id: 7923489f2c3c637782d9d4a1707bc48dfe3b1acf
Former-commit-id: 2375e080a7f715bc48da40d4c56235efad3f0d5d
Former-commit-id: c41402e6c0266a07e974efad41feed7c6fb7d0b6
Former-commit-id: b8814b31619151361c91ed37cb1ee7f3813853c1
This commit is contained in:
liyang
2019-03-14 20:24:45 +08:00
parent 0de79b3462
commit 0f04615685
338 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
src/views/demo/d2-crud/demo31/code.js Normal file
View File

@@ -0,0 +1,88 @@
export default `<template>
<div>
<d2-crud
ref="d2Crud"
:columns="columns"
:data="data">
<el-button slot="header" style="margin-bottom: 5px" @click="updateCell">更新第二行日期</el-button>
<el-button slot="header" style="margin-bottom: 5px" @click="updateRow">更新第三行所有数据</el-button>
<el-button slot="header" style="margin-bottom: 5px" @click="addRow">新增一行</el-button>
<el-button slot="header" style="margin-bottom: 5px" @click="removeRow">删除最后一行</el-button>
</d2-crud>
</div>
</template>
<script>
export default {
data () {
return {
columns: [
{
title: '日期',
key: 'date'
},
{
title: '姓名',
key: 'name'
},
{
title: '地址',
key: 'address'
}
],
data: [
{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄',
forbidEdit: true,
showEditButton: true
},
{
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄',
forbidEdit: false,
showEditButton: true
},
{
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄',
forbidEdit: false,
showEditButton: false
},
{
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄',
forbidEdit: false,
showEditButton: true
}
]
}
},
methods: {
updateCell () {
this.$refs.d2Crud.updateCell(1, 'date', '2018-01-01')
},
updateRow () {
this.$refs.d2Crud.updateRow(2, {
date: '2018-01-01',
name: '王小小',
address: '上海市普陀区金沙江路 2333 弄'
})
},
addRow () {
this.$refs.d2Crud.addRow({
date: '2018-01-01',
name: '王小二',
address: '上海市普陀区金沙江路 7777 弄'
})
},
removeRow () {
this.$refs.d2Crud.removeRow(this.$refs.d2Crud.d2CrudData.length - 1)
}
}
}
</script>`

15
src/views/demo/d2-crud/demo31/doc.md Normal file
View File

@@ -0,0 +1,15 @@
`D2 Crud` 向外部暴露了一些方法，除了之前介绍过的 `showDialog` 和 `closeDialog` 方法，还有以下几个常用方法：
- updateCell
* 更新单元格
* 参数：rowIndex, key, value
- updateRow
* 更新行
* 参数：index, row
- addRow
* 新增一行
* 参数：row
- removeRow
* 删除一行
* 参数：index
代码如下：

104
src/views/demo/d2-crud/demo31/index.vue Normal file
View File

@@ -0,0 +1,104 @@
<template>
<d2-container :filename="filename">
<template slot="header">CRUD事件</template>
<d2-crud
ref="d2Crud"
:columns="columns"
:data="data">
<el-button slot="header" style="margin-bottom: 5px" @click="updateCell">更新第二行日期</el-button>
<el-button slot="header" style="margin-bottom: 5px" @click="updateRow">更新第三行所有数据</el-button>
<el-button slot="header" style="margin-bottom: 5px" @click="addRow">新增一行</el-button>
<el-button slot="header" style="margin-bottom: 5px" @click="removeRow">删除最后一行</el-button>
</d2-crud>
<el-card shadow="never" class="d2-mb">
<d2-markdown :source="doc"/>
</el-card>
<el-card shadow="never" class="d2-mb">
<d2-highlight :code="code"/>
</el-card>
<template slot="footer">
<d2-link-btn title="文档" link="https://doc.d2admin.fairyever.com/zh/ecosystem-d2-crud/"/>
</template>
</d2-container>
</template>
<script>
import doc from './doc.md'
import code from './code.js'
export default {
data () {
return {
filename: __filename,
doc,
code,
columns: [
{
title: '日期',
key: 'date'
},
{
title: '姓名',
key: 'name'
},
{
title: '地址',
key: 'address'
}
],
data: [
{
date: '2016-05-02',
name: '王小虎',
address: '上海市普陀区金沙江路 1518 弄',
forbidEdit: true,
showEditButton: true
},
{
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄',
forbidEdit: false,
showEditButton: true
},
{
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄',
forbidEdit: false,
showEditButton: false
},
{
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄',
forbidEdit: false,
showEditButton: true
}
]
}
},
methods: {
updateCell () {
this.$refs.d2Crud.updateCell(1, 'date', '2018-01-01')
},
updateRow () {
this.$refs.d2Crud.updateRow(2, {
date: '2018-01-01',
name: '王小小',
address: '上海市普陀区金沙江路 2333 弄'
})
},
addRow () {
this.$refs.d2Crud.addRow({
date: '2018-01-01',
name: '王小二',
address: '上海市普陀区金沙江路 7777 弄'
})
},
removeRow () {
this.$refs.d2Crud.removeRow(this.$refs.d2Crud.d2CrudData.length - 1)
}
}
}
</script>