SpreadJS Designer Events not working

Posted by: damian.szwajkos on 8 May 2022, 11:45 pm EST

  • Posted 8 May 2022, 11:45 pm EST

    With use of yours documentation I have bound designer events in my code like this:

    import * as GcDesigner from '@grapecity/spread-sheets-designer';

    this.designer.bind(GcDesigner.Spread.Sheets.Designer.Events.FileLoaded, (event, data) => {
    // rest of the code

    It works fine on my local machine but after deploy to the server seems like it doesn't. I would be grateful for help.

  • Replied 9 May 2022, 5:19 pm EST

    Hi Damian,

    I was unable to replicate the issue at my end. I tested with the latest version of SpreadJS(V15.0.7) and it seems to be working fine at my end. Could you please share a working sample and the exact server configuration so that we can test it once at our end again?

    I have also tested on our hosted SpreadJS Designer(https://www.grapecity.com/spreadjs/designer/index.html) and there it is also working fine. You can refer to the attached gif for the same.


  • Replied 10 May 2022, 1:01 am EST


    Our Angular project is compiling to .js file and serve by java application
    First part of creating js file from angular application:

    FROM node:12

    1. RUN npm run $BUILD_TYPE


    "build-prod": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build --configuration production",

    Second part compiling java application as host:

    1. COPY --from=NG_IMG /code/dist/coreng /code/src/main/resources/static -- copy all files

    2. RUN gradle bootJar -- create jar file

    3. CMD java -Dspring.profiles.active=${BUILD_TYPE} -jar /app/spring-boot-application.jar -- run jar file

    Server architecture:
    k8s master version: v1.21.5
    node version : v1.21.5 - v1.22.2
    depending on the load

    I have tried to bind events to the designer like in your example and again on my local machine everything works fine but after deploy it seems like events are not bound at all.

  • Replied 11 May 2022, 9:54 pm EST


    Issues which I'm facing can be caused by wrong order of imports?
    Order of import in the component where I use SpreadJS Designer:

    import * as GC from '@grapecity/spread-sheets';
    import * as ExcelIO from '@grapecity/spread-excelio';
    import '@grapecity/spread-sheets-designer-resources-en';
    import * as GcDesigner from '@grapecity/spread-sheets-designer';
    import { GC_SPREAD_LICENSE, GC_DESIGNER_LICENSE } from './licensekey';
    (ExcelIO as any).LicenseKey = GC_SPREAD_LICENSE;
    GC.Spread.Sheets.LicenseKey = GC_SPREAD_LICENSE;
    GcDesigner.Spread.Sheets.Designer.LicenseKey = GC_DESIGNER_LICENSE;

  • Replied 11 May 2022, 11:32 pm EST

    Hi Damian,

    Order of imports seems fine to me. I have tested with angular projects by building the application and hosting on a web server and it all seems to be working fine at my end.

    I was having trouble deploying the build on Java. Could you please share the working sample so that we can test it our at our end?

    Also, could you please deploy the Angular application on a web server and check if it's working there?

    You can also share your application on our private portal by creating a new case on: https://www.grapecity.com/my-account/my-support


Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels