How to use JS lib in GWT via ScriptInjector?

Question

I would like to use a javascript library in GWT.

I put the files in the public folder so it is shared between the client and the server and injected the javscript following this tutorial (https://pelle.io/2015/01/27/integrating-javascript-libraries-into-gwt-using-jsni/).

    StyleInjector.inject(INSTANCE.fullcalendarCSS().getText());
    StyleInjector.inject(INSTANCE.fullcalendarPrintCSS().getText());
    StyleInjector.inject(INSTANCE.schedulerCSS().getText());
    ScriptInjector.fromString(INSTANCE.jqueryJS().getText()).setWindow(ScriptInjector.TOP_WINDOW).inject();
    ScriptInjector.fromString(INSTANCE.momentJS().getText()).setWindow(ScriptInjector.TOP_WINDOW).inject();
    ScriptInjector.fromString(INSTANCE.fullcalendarJS().getText()).setWindow(ScriptInjector.TOP_WINDOW).inject();
    ScriptInjector.fromString(INSTANCE.scheduleJS().getText()).setWindow(ScriptInjector.TOP_WINDOW).inject();

Everytime I execute my javscriptcode I get an "not a function" exception.

   public static native void drawScheduler() /*-{

    var calendar = $doc.getElementById("calendar");
    calendar.fullCalendar({
        defaultView: 'timelineMonth',
        events: [
            // events go here
        ],
        resources: [
            // resources go here
        ]
        // other options go here...
    });

}-*/;

what gwt version are you using?

hahn
– hahn

2016-04-15 14:04:33 +00:00
Commented Apr 15, 2016 at 14:04 — hahn
– hahn, Commented Apr 15, 2016 at 14:04

Thomas Broyer · Accepted Answer · 2016-04-15 18:10:16Z

2

Assuming fullCalendar is from a jQuery plugin, then DOM elements aren't modified; you need to wrap it in the jQuery "object" (generally $(calendar), here it'd likely be $win.$(calendar))

answered Apr 15, 2016 at 18:10

Thomas Broyer

64.6k7 gold badges95 silver badges165 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to use JS lib in GWT via ScriptInjector?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related