TRKJ/mayfly-go
2
0
Fork 0
mirror of https://gitee.com/dromara/mayfly-go synced 2025-12-16 04:36:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 修复双击数据库表修改数据后单元格内容固定不变

Browse Source
This commit is contained in:
meilin.huang
2022-03-10 10:34:37 +08:00
parent f469f31648
commit 9e4877240d
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
mayfly_go_web/src/views/ops/db/SqlExec.vue
View File

@@ -760,14 +760,14 @@ export default defineComponent({
// 监听单元格点击事件 // 监听单元格点击事件
const cellClick = (row: any, column: any, cell: any) => { const cellClick = (row: any, column: any, cell: any) => {
const property = column.property;
// 如果当前操作的表名不存在 或者 当前列的property不存在(如多选框)，则不允许修改当前单元格内容 // 如果当前操作的表名不存在 或者 当前列的property不存在(如多选框)，则不允许修改当前单元格内容
if (!state.nowTableName || !column.property) { if (!state.nowTableName || !property) {
return; return;
} }
let isDiv = cell.children[0].tagName === 'DIV'; let text = row[property];
let text = cell.children[0].innerText;
let div = cell.children[0]; let div = cell.children[0];
if (isDiv) { if (div) {
let input = document.createElement('input'); let input = document.createElement('input');
input.setAttribute('value', text); input.setAttribute('value', text);
// 将表格width也赋值于输入框，避免输入框长度超过表格长度 // 将表格width也赋值于输入框，避免输入框长度超过表格长度
@@ -775,7 +775,7 @@ export default defineComponent({
cell.replaceChildren(input); cell.replaceChildren(input);
input.focus(); input.focus();
input.addEventListener('blur', async () => { input.addEventListener('blur', async () => {
div.innerText = input.value; row[property] = input.value;
cell.replaceChildren(div); cell.replaceChildren(div);
if (input.value !== text) { if (input.value !== text) {
const primaryKey = await getColumn(state.nowTableName); const primaryKey = await getColumn(state.nowTableName);
@@ -785,7 +785,7 @@ export default defineComponent({
const sql = `UPDATE ${state.nowTableName} SET ${column.rawColumnKey} = ${wrapColumnValue(updateColumn, input.value)} const sql = `UPDATE ${state.nowTableName} SET ${column.rawColumnKey} = ${wrapColumnValue(updateColumn, input.value)}
WHERE ${primaryKeyColumnName} = ${wrapColumnValue(primaryKey, row[primaryKeyColumnName])}`; WHERE ${primaryKeyColumnName} = ${wrapColumnValue(primaryKey, row[primaryKeyColumnName])}`;
promptExeSql(sql, () => { promptExeSql(sql, () => {
div.innerText = text; row[property] = text;
}); });
} }
}); });