Posted 2 January 2025, 7:12 pm EST
Hi,
Having a problem trying to demo a basic example of SpreadJS Designer. Was wondering if you could help me… my index.html page looks like this:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SpreadJS Designer Export Example</title>
<link href="css/gc.spread.sheets.excel2013white.18.0.0.css" rel="stylesheet" type="text/css" />
<link href="css/gc.spread.sheets.designer.18.0.0.min.css" rel="stylesheet" type="text/css">
<script src="scripts/gc.spread.sheets.all.18.0.0.min.js"></script>
<script src="scripts/gc.spread.sheets.designer.all.18.0.0.min.js"></script>
<script src="scripts/gc.spread.sheets.designer.resource.en.18.0.0.min.js"></script>
</head>
<body>
<div id="designerHost" style="width:100%; height:90vh"></div>
<button id="exportButton">Export to API</button>
<script>
window.onload = function () {
if (typeof GC === 'undefined' || typeof GC.Spread === 'undefined' || typeof GC.Spread.Sheets === 'undefined' || typeof GC.Spread.Sheets.Designer === 'undefined') {
console.error('SpreadJS Designer is not loaded correctly.');
return;
}
var designerHost = document.getElementById("designerHost");
var designer = new GC.Spread.Sheets.Designer.Designer(designerHost, GC.Spread.Sheets.Designer.DefaultConfig);
var spread = designer.getWorkbook();
document.getElementById("exportButton").addEventListener("click", function () {
spread.save(function (blob) {
sendFileToAPI(blob, 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
}, 'xlsx');
});
}
function sendFileToAPI(fileBlob, mimeType) {
var formData = new FormData();
formData.append('file', fileBlob, 'spreadsheet.xlsx');
fetch('https://your-api-endpoint.com/upload', {
method: 'POST',
body: formData,
headers: {
'Accept': 'application/json'
}
})
.then(response => response.json())
.then(data => {
console.log('File uploaded successfully:', data);
})
.catch(error => {
console.error('Error uploading file:', error);
});
}
</script>
</body>
</html>
but I am getting the following error messages:
I see the following error:
Uncaught TypeError: Cannot read properties of undefined (reading ‘DR’)
at …/localization/resentry (gc.spread.sheets.designer.all.18.0.0.min.js:1:8227128)
at i (gc.spread.sheets.designer.all.18.0.0.min.js:1:8227387)
at ./src/commands/defaultConfig.ts (gc.spread.sheets.designer.all.18.0.0.min.js:1:781567)
at i (gc.spread.sheets.designer.all.18.0.0.min.js:1:8227387)
at ./src/all.entry.ts (gc.spread.sheets.designer.all.18.0.0.min.js:1:301486)
at i (gc.spread.sheets.designer.all.18.0.0.min.js:1:8227387)
at gc.spread.sheets.designer.all.18.0.0.min.js:1:8227773
at gc.spread.sheets.designer.all.18.0.0.min.js:1:8227884
at gc.spread.sheets.designer.all.18.0.0.min.js:1:1198
at gc.spread.sheets.designer.all.18.0.0.min.js:1:1204
…Am I missing something?
I am using the 30 day trial to see if it meets our needs.
George C. Geschwend
Developer
Pipkins Inc