YPerf
/
tiny-vue
forked from opentiny/tiny-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

doc: 修改文档示例 (#224)

This commit is contained in:
GaoNeng 2023-05-14 17:38:47 +08:00 committed by GitHub
parent 6ca421b964
commit adc9c1bf86
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 31 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
examples/docs/resources/pc/demo/grid/tree-table/tree-grid-insert-delete-update.vue
View File

@ -10,11 +10,21 @@
<template #toolbar>
<tiny-grid-toolbar class="customizedBox">
<template #buttons>
<tiny-button @click="insertEvent">新增</tiny-button>
<tiny-button @click="removeEvent">移除选中</tiny-button>
<tiny-button @click="getRemoveEvent">获取删除</tiny-button>
<tiny-button @click="getUpdateEvent">获取修改</tiny-button>
<tiny-button @click="clearTreeExpand">清空展开状态</tiny-button>
<tiny-button @click="insertEvent">
新增
</tiny-button>
<tiny-button @click="removeEvent">
移除选中
</tiny-button>
<tiny-button @click="getRemoveEvent">
获取删除
</tiny-button>
<tiny-button @click="getUpdateEvent">
获取修改
</tiny-button>
<tiny-button @click="clearTreeExpand">
清空展开状态
</tiny-button>
</template>
</tiny-grid-toolbar>
</template>
@ -202,12 +212,15 @@ export default {
methods: {
insertEvent() {
let tree = this.$refs.tree
tree
.createRow({
const row = {
name: '新数据',
isNew: true
})
isNew: true,
children: [{
name: '新数据-child',
}]
}
tree
.createRow(row)
.then((newRow) => {
// 插入到第一行
this.tableData = [newRow, ...this.tableData]
@ -216,6 +229,7 @@ export default {
})
},
removeEvent() {
const isSameObject = (obj1, obj2) => JSON.stringify(obj1) === JSON.stringify(obj2)
let tree = this.$refs.tree
let removeRecords = tree.getSelectRecords()
@ -223,7 +237,13 @@ export default {
let tableData = this.tableData
this.tableData = copy(tableData, removeRecords)
for (let i = 0; i < this.tableData.length; i++) {
for (let j = 0; j < removeRecords.length; j++) {
if (isSameObject(this.tableData[i], removeRecords[j])) {
this.tableData.splice(i, 1)
}
}
}
this.removeList = removeRecords.map((item) => ({ ...item }))
},