So, I have the save function written and it works exactly as intended the first time I save a file. However, if I try to overwrite the file by saving it again, the file saves fine, but the window reloads clearing all the data that’s been entered. I can just load the saved file and continue editing, but that will get annoying fast. I cannot find any info on how to resolve this issue, anywhere. Any help would be greatly appreciated.
function saveData(){
let data = {}
data.item1 = getItem1()
data.item2 = getItem2()
data.item3 = getItem3()
// convert data object to a string
let dataString = JSON.stringify(data, null, 4)
// open save dialog and chooses path
let savePath = dialog.showSaveDialog({filters: [{name: 'Save File', extensions: ['json']},]})
// save file to disk
if (savePath != undefined){
fs.writeFile(savePath, dataString, function(err) {
// file saved or err
})
}
}
And here is the menu template entry:
{ label: 'File',
submenu: [
{ label: 'New', click: SendEvent('file-new')},
{ label: 'Open', click: SendEvent('file-open')},
{ label: 'Save', accelerator: 'CmdOrCtrl+S', click: function(){
saveData();
}
},
{ label: 'Save As',
accelerator: 'CmdOrCtrl+Shift+S',
click: SendEvent('file-save-as')},
{ label: 'Close', click: SendEvent('file-close')},
{ type: 'separator'},
{ label: 'Quit', accelerator: 'CmdOrCtrl+Q', click: function() {app.quit();}},
{ type: 'separator' },
{ label: 'Print', accelerator: 'CmdOrCtrl+P', click(){win.webContents.print({silent: false, printBackground: false})} }
]
},
And the getItem1 function:
function getItem1(){
const item1 = document.getElementById('itemID').src
return item1
}
Advertisement
Answer
Now I’m feeling a bit dumb. It turns out that the reason it was reloading was because I’m using the electron-reload package to automatically reload the page when I save the source files. It was also causing the page to reload when the save file was overwritten. Good to know going forward.
Edit:
You can tell electron-reload to ignore a directory by ammending your require statement to look something like this:
require('electron-reload')(__dirname, {ignored: /<folder_to_be_ignored>|[/\]./});