Vue.js 可手持(Vue包装)-是否将行与数据库id关联?
我正在尝试通过Vue包装器制作一个简单的数据库编辑器。我可以轻松地填充表,但是现在需要将更改保存回数据库Vue.js 可手持(Vue包装)-是否将行与数据库id关联?,vue.js,handsontable,Vue.js,Handsontable,我正在尝试通过Vue包装器制作一个简单的数据库编辑器。我可以轻松地填充表,但是现在需要将更改保存回数据库 如果我使用afterChange()方法,hot将提供已经更改的单元格中的更改,但是我需要能够将这些更改与数据库id关联,以便将它们发送回服务器。您知道如何执行此操作吗?是否可以获取与行关联的更改?也可以在不向表中的用户显示数据库id的情况下执行此操作吗?要回答您的主要问题,您可以将元数据与单元格相关联。因此,您可以将技术id放在第一列中,例如,或隐藏列(或您想要的任何位置) 其中“hot”
如果我使用afterChange()方法,hot将提供已经更改的单元格中的更改,但是我需要能够将这些更改与数据库id关联,以便将它们发送回服务器。您知道如何执行此操作吗?是否可以获取与行关联的更改?也可以在不向表中的用户显示数据库id的情况下执行此操作吗?要回答您的主要问题,您可以将元数据与单元格相关联。因此,您可以将技术id放在第一列中,例如,或隐藏列(或您想要的任何位置) 其中“hot”是您的Handsontable实例。() 然后可以访问
getCellMeta(0,0)
第二个问题: 还有,是否可以获取与行关联的更改 您已经能够通过过滤
afterChange
hook中的更改来获取特定行的更改。获取文档这是获取行的方式:
new Handsontable(element, {
afterChange: (changes) => {
changes.forEach(([row, prop, oldValue, newValue]) => {
// Some logic...
});
}
})
正如您所看到的,变更是一个包含行和列(prop)的变更数组
希望这有帮助
new Handsontable(element, {
afterChange: (changes) => {
changes.forEach(([row, prop, oldValue, newValue]) => {
// Some logic...
});
}
})